1.使用uview的u-navbar自定义导航栏时,发现网页h5是正常的,但是启动模拟器app时,发现内容全部被导航栏覆盖,顶上去了,如下图
.
左边为本地网页显示,右图为手机模拟器显示
解决方法:加上placeholder 即可。
<u-navbar placeholder title="充值" leftIconColor="rgb(255, 255, 255)" @rightClick="rightClick" :autoBack="true"
bgColor="rgb(250, 161, 50)" titleStyle="color:rgb(255, 255, 255);font-weight:700">
</u-navbar>
2. app 和小程序 在使用定位的时候,top定位会有差异
原因:APP 和微信的原生导航栏和tabbar下,元素区域坐标是不包含原生导航栏和tabbar的。而 H5 里原生导航栏和tabbar是 div 模拟实现的,所以元素坐标会包含导航栏和tabbar的高度。
解决办法:
uni-app新增了2个css变量:–window-top和–window-bottom,可以直接style中使用替代top和bottom