uni-app 导航栏设置下边框

方法一
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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。