uni-app中配置全局属性globalStyle

时间:2021-07-07 12:50:34   收藏:0   阅读:62

打开./pages.json文件

在其中找到属性globalStyle 例如:

"globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Hello uniapp",
    "navigationBarBackgroundColor": "#007AFF",
    "backgroundColor": "#F8F8F8"
},

 

navigationBarBackgroundColor 设置导航栏背景颜色

例如:"navigationBarBackgroundColor": "#007AFF",

效果:技术分享图片

 

navigationBarTextStyle  导航栏标题颜色及状态栏前景颜色,仅支持 black/white

例如:"navigationBarTextStyle": "white",

效果:技术分享图片

 

navigationBarTitleText 导航栏标题文字内容 如页面没有单独设置就显示全局的导航栏标题文字

例如:"navigationBarTitleText": "内置组件",

效果:技术分享图片

 

navigationStyle 导航栏样式,可使用 default/custom。default使用原生导航栏 custom不显示导航栏 自己定义

原文:https://www.cnblogs.com/twilight-sparkle/p/14978325.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!