uniapp开发中遇见的问题
Uniapp开发中遇见的问题
·
今天在开发中遇到几个问题
1、数据下滑到最后一条,结果内容显示不全
像这种情况,我的办法是使用
padding-bottom
一直调到整条数据显示为止
2、计算手机头部安全区的高度
因为每个手机的头部的安全区不同,所以我们要获取到每个手机的状态栏高度,方便后期做一些动作
代码如下:
<view class="status_bar">
</view> //html代码
onLoad() {
this.GetStatusBarHeight();
}
//OnLoad代码
methods: {
GetStatusHeight(){
let that = this;
uni.getSystemInfo({
success:function(res){
res.statusBarHeight //状态栏的高度
console.log(res.statusBarHeight);
}
})
}
},
//methods代码
.status_bar{
height: var(--status-bar-height); //这里是状态栏css变量
width: 100%;
background-color: #0BCE56;
}
//css代码
3、去除Uniapp自带的头部导航栏
在pages.json里面的style里面加上
"app-plus": {
"titleNView": false,
}
至此,官方带的头部导航栏去除成功
更多推荐
已为社区贡献3条内容
所有评论(0)