美文网首页
uni-app 导航栏设置下边框

uni-app 导航栏设置下边框

作者: Giraffe_00 | 来源:发表于2020-09-27 17:01 被阅读0次

    方法一
    pages.json中,设置app-plus。在titleNView节点下设置splitLine样式即可。(小程序不作用)

    {
         "path" : "pages/index/index",
            "style" : {
                "navigationBarTitleText": "首页",
                "app-plus": {    
                  "titleNView": {    
                    "splitLine": {   //原生导航栏加下边框
                      "color":"#F8F8F8" ,
                      "height":"1px" ,
                    }    
                 }    
              }
          }
    },
    

    方法二

    page::before{
      content: '';
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 2rpx;
      background-color: #F8F8F8;
      z-index: 9999;
    }
    

    相关文章

      网友评论

          本文标题:uni-app 导航栏设置下边框

          本文链接:https://www.haomeiwen.com/subject/rxfdxktx.html