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

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 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题