Bootstrap

uni-app总结

问题

样式问题

1、组件和调用此组件的页面样式最好不要重名,不然会有样式覆盖问题。
2、数据绑定变量的时候不能识别upx,可以转化

computed:{
   
 halfWidth(){
   
  return uni.upx2px(750/2)+'px';//350upx
 }
}

3、css获取状态栏的高度var(-status-bar-height)
小程序中是固定的25px 5+app是真实状态栏高度 H5是0;
注意:真机才管用

事件问题

1、blur事件比页面的点击事件慢
input、textarea获取值的时候用v-model双绑定,或者用input事件,尽量少用blur事件;
2、uni.chooseLocation()
uni-app的uni.chooseLocation()在真机上不执行fail,还有cancel,只执行success

uni.chooseLocation({
   
  fail:function(){
     //不执行
    console.log("失败")
  },
  cancel
;