WEEX 初学者注意事项

weex注意事项

1.weex中只支持单个class选择器或者id选择器，不支持设置100%，不支持继承

2.不支持  display:none  即不支持  v-show，需要使用  v-if  来实现显示和隐藏。

3.定位的层级是按顺序排列，没有z-index

4.不支持背景图片，background-color  background-image:linear-gradient()


5.:class不能使用对象语法应该使用数组语法，数组写法:class="[type  ==  'index'  ?  'active'  :  '']"  对象写法:class="{active:  type  ==  'index'}" 

:class="['item', curSelectId == item.giftId ? 'selected-item' : '']"  其中item静态样式需要加引号 vue可不加引号

6.如果动态设置height,并且默认值有height,页面会闪烁

7.border也不支持缩写，必须分开写：

border-top-color:  #ccc;
border-top-style:  solid;
border-top-width:  1px;

8.  wx  px
9.  background-image  时，border-top-left-radius不生效，  border-radius生效

10.动态隐藏时，需要外部加一层标签，否则影响布局


11.click  中有判断语句，导致编译慢

12.元素动态赋值的时候，css样式中不要写初始值，会导致抖动

13.定位元素，开始显示，后隐藏，安卓报错导致闪退，view重复添加

14.  v-for  :key需要写

15.初始化隐藏，安卓低版本会出现闪

16.text标签写成一行

17.渐变色加透明度opcity属性的时候 如果切换状态前后opcity值不一样 渐变方向为to bottom时 ios会出现颜色反向渐变 需直接用加透明度后的颜色值渐变