微信小程序uniapp解决真机顶部自定义菜单显示(手机状态栏覆盖)

1.在data里面加入参数

1
statusBarHeight: uni.getSystemInfoSync ().statusBarHeight,//状态栏高度

2.对返回按钮处理

    <!-- 空出状态栏高度-->
    <view :style="'height:'+statusBarHeight+'px;'"></view>
    <!-- 返回按钮 -->
    <div class="font-30 font-bold color-white" style="height: 44px;line-height: 44px; display: flex;align-items: center;padding-left: 10px;" @click="closePage()">
            <u-icon name="arrow-left" size="30" class="color-white"></u-icon>
            <text class=" ml10">返回</text> 
    </div>

 

posted @   zhang_you_wu  阅读(836)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
历史上的今天:
2019-07-03 在c#项目中连接sql数据库
2019-07-03 利用vs打开c#项目
2018-07-03 li标签和checkbox绑定
点击右上角即可分享
微信分享提示