發(fā)現(xiàn)樣式上(參照):
-
1: Weex 對(duì)于長(zhǎng)度值目前只支持像素值,單位可省略, 不支持相對(duì)單位(em、rem 和 %),
- 包括寬,高, 內(nèi)外邊距,
-
2: border: 不支持大簡(jiǎn)寫
border: 1px solid #ccc, 只能分開寫-
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:
flexFlexbox 是默認(rèn)且唯一的布局模型,所以你不需要手動(dòng)為元素添加 display: flex; 屬性
flex-direction:row | columnflex 容器中 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基本一樣: 不過不支持z-index
Weex 目前不支持 z-index 設(shè)置元素層級(jí)關(guān)系,但靠后的元素層級(jí)更高,因此,對(duì)于層級(jí)高的元素,可將其排列在后面。