Weex特殊样式(特别注意)

一、适配和缩略

1.Weex对于长度值目前只支持像素值,不支持相对单位em,rem,pt,%;适配以750px标准

2.设定边框,border目前不支持类似这样border:1px solid #ddd;的组合写法。

3.设定背景色,background目前不支持类似这样background:red的写法,需要修改为具体的background-color:red;

二、定位

1.Weex支持position定位,relative, absolute, flex,sticky默认值为relative。

2.weex目前不支持z-index设置元素层级关系,但靠后的元素层级更高,因此,对于层级高的元素,可将其排列在后面。

3.如果定位元素超过容器边界,在Android下,超出部分将不可见,原因在于Andriod端元素overflow默认值为hidden。

三、其他需要注意的地方:

1.weex支持线性渐变linear-gradient不支持radial-gradient径向渐变。

2.weex中box-shadow仅仅支持IOS。

3.目前组件无法定义一个或者几个角的border-radius,只对IOS有效,对Android无效。

4.weex中,flexbox是默认并且唯一的布局模型,每个元素都默认拥有了display:flex属性。

四、文本样式

color;font-size;font-weight;font-style;font-family;text-decoration;text-aline;text-overflow(内容超长省略样式);lines(指定文本行数)

你可能感兴趣的:(weex)