15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

取消原生导航栏后的状态栏占位

李家霖| 发布于 2021-07-20 22:34:17| 430阅读| 0点赞| 0评论
举报

自定义导航栏不被状态栏所遮挡

取消掉导航栏后会有状态栏在屏幕的最上方  直接在界面中写结构会导致在状态栏下方显示



可以通过  plus.navigator.getStatusbarHeight()  方法来获取到状态栏的高度  设置一个专门来占位的结构即可   

通过css   var(--status-bar-height)   uni提供的css变量 该变量表示状态栏的高度   在css中直接使用即可  不用加任何的单位

		<view class="topNav">
			<view class="title">导航栏</view>
		</view><br/><br/>.topNav{padding-top: var(--status-bar-height);}
.topNav>.title{height: 70rpx;text-align: center;line-height: 50rpx;font-size: 36rpx;font-family: Microsoft YaHei, Microsoft YaHei-Regular;font-weight: 400;}
	

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部