今天在开发中遇到几个问题

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,
}

至此,官方带的头部导航栏去除成功

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐