美文网首页
uni-app导航栏设置,在pages.json里面配置

uni-app导航栏设置,在pages.json里面配置

作者: 森森deHOME | 来源:发表于2020-07-29 16:42 被阅读0次

全局导航栏样式设置: 在pages.json的globalStyle里进行各个参数配置

"globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Hello uniapp",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8",
    "backgroundColorTop": "#F4F5F6",
    "backgroundColorBottom": "#F4F5F6",
    "mp-alipay": {
        "titleBarColor": "#FFFFFF"
    }
},

单页面导航栏样式设置:每个page下面的style配置中的navigationBar各个参数配置,即为通用配置,小程序、app、h5均生效。参考style设置每个页面的状态栏、导航条、标题、窗口背景色等

{
    "path": "pages/index/index",
    "style": {
        "navigationBarTitleText": "主页",  
    }
},

相关文章

网友评论

      本文标题:uni-app导航栏设置,在pages.json里面配置

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