weixin_58412143 2022-06-02 11:29 采纳率: 92.7%
浏览 961
已结题

uniapp+uview 自定义导航栏后吸顶内容没有被覆盖

img


如图所示,怎么让内容不穿透?navigationBarBackgroundColor无效

<u-sticky offset-top="35">
            <!-- 搜索框 -->
            <view class="search-wrap" style="height: 'this.navigationBarHeight'+%;">
                <!-- <u-navbar  :bgColor="bgColor">
                    <view class=""> -->

                <u-search placeholder="请输入你想要搜索的商品" v-model="keyword" :show-action="false" height="20"
                    @click="showSearch" disabled='true'></u-search>
                <!-- </view>
                </u-navbar> -->
            </view>
            <!-- 头部 tabs-->
            <view class="header">
                <u-tabs :list="tabsList" @click="tabsClick"></u-tabs>
            </view>
        </u-sticky>
styles
//搜索框
        .search-wrap{
            margin-top: 10%;
            margin-left: 2%;
            width: 65%;
            margin-bottom: 3%;
            z-index: 1000;
             height: var(--status-bar-height);  
        }
        //头部
        .header{
            margin: 0 auto;
            width: 100%;
            height: 35%;
            background: #f5f5f5;
            z-index: 1000;
        }
page.json
{
            "path": "pages/homePage/index",
            "style": {
                "navigationStyle": "custom",
                // "navigationStyle": "default",
                "navigationBarTitleText": "首页",
                "navigationBarBackgroundColor": "#007AFF"//无效
            }
        },
  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-06-02 13:44
    关注

    给个position:relative:z-index:999,层级设高一点

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 7月16日
  • 已采纳回答 7月8日
  • 创建了问题 6月2日

悬赏问题

  • ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
  • ¥20 关于URL获取的参数,无法执行二选一查询
  • ¥15 液位控制,当液位超过高限时常开触点59闭合,直到液位低于低限时,断开
  • ¥15 marlin编译错误,如何解决?
  • ¥15 有偿四位数,节约算法和扫描算法
  • ¥15 VUE项目怎么运行,系统打不开
  • ¥50 pointpillars等目标检测算法怎么融合注意力机制
  • ¥20 Vs code Mac系统 PHP Debug调试环境配置
  • ¥60 大一项目课,微信小程序
  • ¥15 求视频摘要youtube和ovp数据集