Weex踩坑指南
最近在用weex写项目,,,坑不要太多好吗?边写边记录吧。
##1、weex不支持样式简写
####err01:>>>手机和浏览器显示不一致时
我在页面中做了一个背景半透明的方块,但是在浏览器中能查看,在手机中却看不到这个div,不过其他的元素倒是能看到。
原因是:我写了background-color:rgba(109,234,232,58%)
;我猜测可能是由于weex不支持样式简写,所以,我改成:background-color:#01e2db;opacity: 0.58;
,就解决了。
##2、weex中添加图片一定要给图片width,以及height,不然不能显示
##3、在使用wxc-icon的时候,想定义icon的颜色,必须用style={color:red}
,或者用变量也行。
{
style:{‘color’:"#10d8e0"}
}
##4、input不能获得焦点的问题
使用了weex内置的组件input,但无论怎么点,input都不能获得焦点,不能输入值。后来发现,在input组件中,加入onfocus函数,然后调用一下方法,即可。
focus(){
this.$refs['input4'].focus();
},
##5、if判断中,不能赋值。
##6、写position时,不管是absolute还是relative都要把top、right、bottom、left写全。不然安卓不兼容。