發(fā)現(xiàn)樣式上(參照):
-
1: Weex 對(duì)于長(zhǎng)度值目前只支持像素值,單位可省略, 不支持相對(duì)單位(em换帜、rem 和 %),
- 包括寬,高, 內(nèi)外邊距,
-
2: border: 不支持大簡(jiǎn)寫(xiě)
border: 1px solid #ccc
, 只能分開(kāi)寫(xiě)-
border-style:
border-left-style: solid | dashed | dotted
-
border-width:
border-left-width: 1
-
border-color:
border-left-color: #333
-
border-radius:
border-radius: 6
-
border-bottom-left-radius {length}
:腊敲,非負(fù)值, 默認(rèn)值 0 -
border-bottom-right-radius {length
:叹括,非負(fù)值, 默認(rèn)值 0 -
border-top-left-radius {length}
:,非負(fù)值, 默認(rèn)值 0 -
border-top-right-radius {length}
:绍坝,非負(fù)值, 默認(rèn)值 0
<image>
和<text>
組件只能使用border-radius
, 暫時(shí)不支持單一角的圓角
-
-
3 :
font-weight:
字體粗細(xì)- 不支持?jǐn)?shù)字
100, 200, 300, ..... , 900
- 只支持
normal 和 bold
- 不支持?jǐn)?shù)字
-
4: 不支持
hover
-
5:
flex
Flexbox 是默認(rèn)且唯一的布局模型徘意,所以你不需要手動(dòng)為元素添加 display: flex; 屬性
flex-direction:row | column
flex 容器中 flex 成員項(xiàng)的排列方向。默認(rèn)column
上下縱向排列justify-content: flex-start | flex-end | center | space-between轩褐,默認(rèn)值為 flex-start椎咧。
, 容器中 flex 成員項(xiàng)在X軸上的排列stretch | flex-start | center | flex-end,默認(rèn)值為 stretch灾挨。
容器中 flex 成員項(xiàng)在 Y軸上的排列-
6:
position
基本一樣: 不過(guò)不支持z-index
Weex 目前不支持 z-index 設(shè)置元素層級(jí)關(guān)系邑退,但靠后的元素層級(jí)更高,因此劳澄,對(duì)于層級(jí)高的元素地技,可將其排列在后面。