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.目前<image>组件无法定义一个或者几个角的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(指定文本行数)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值