定位:
weex支持position
weex不支持z-index层级关系,但靠后元素层级更高
若定位元素超过容器编辑,Android下超出部分将不可见,因为Android端元素overflow默认值为hidden
Weex通用样式
定位
2.其他
支持线性渐变linear-gradient不支持径向渐变radial-gradient
weex通用样式
2.定位
(1)weex支持position定位,relative|absolute|fixed|sticky,默认值为relative
(2)weex目前不支持z-index设置元素层级关系。但靠后的元素层级更高,因此,对于层级高的元素,可将其排列在后面。
(3)如果定位元素超过容器便捷,在android下,超出部分将不可见,原因在于android端元素overflow默认值为hidden
3.其余需要注意的地方:
(1)weex支持线性渐变linear-gradient不支持radial-gradient径向渐变。
(2)weex中box-shadow仅仅支持ios
(3)目前<image>组件无法定义一个或几个角的border-radius,只对ios有效,对Android无效。(测试支持 border-top-left-radius: 10px; border-radius: 10px;不支持border-radius: 20px 0 0 20px;这种写法)
(4)weex中,flexbox是默认并且唯一的布局模型,每个元素都默认拥有display:flex属性。(flex-direction:column;垂直方向)
不支持z-index
weex 支持一些position,诸如relative,absolute,fixed,sticky,但默认值为relative
weex目前不支持z-index的层级关系,但靠后的元素层级更高
如果定位元超过容器边界,在android下,超出的部分将不可见,因为android端元素overflow默认值为hidden
weex 支持线性渐变linear-gradient,不支持radial-gradient经向渐变
weex 中的box-shadow阴影仅支持IOS系统
目前image组件部分安卓手机不支持一个角的border-radius属性,IOS支持
weex中,flexbox是默认并且唯一的布局模型,每个元素都默认拥有display:flex属性
position:relative默认值
weex不支持z-index
Android 默认overflow:hidden
weex样式2