9***@qq.com
9***@qq.com
  • 发布:2023-10-21 11:48
  • 更新:2024-11-01 10:39
  • 阅读:598

uni-app自定义导航uni-nav-bar运行在真机时被覆盖,修改后,滚动页面顶部出现空白

分类:uni-app

代码:
<view class="status_bar" style="height: var(--status-bar-height);width: 100%;background-color: rgb(248, 248, 248);"></view> ---这个解决了自定义导航运行在真机上被覆盖
<uni-nav-bar class="custom_navbar" backgroundColor="rgb(248, 248, 248)" :border="false" :fixed="true">
<view class="nav_title">首页</view>
<block slot="right">
<view >
<image src="/static/images/others/map.png" style="width: 20px;height: 22px;margin-right: 5px;"></image>
</view>
</block>
</uni-nav-bar>

目前内容不滚动的时候不会出现顶部有空白的情况,只要滚动就会出现附件如图情况

2023-10-21 11:48 负责人:无 分享
已邀请:
1***@163.com

1***@163.com

<view class="custom-nav-bar">
<uni-nav-bar backgroundColor="rgb(248, 248, 248)" :border="false" :fixed="true" status-bar title="首页" />
</view>
可以加个view,不修改样式

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

被覆盖 可以修改 uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue 319行的uni-navbar--fixed z-index的值

要回复问题请先登录注册