首页 > 移动平台 > 详细

uni-app中配置全局属性globalStyle

时间:2021-07-07 12:50:34      阅读:28      评论:0      收藏:0      [点我收藏+]

打开./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不显示导航栏 自己定义

uni-app中配置全局属性globalStyle

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!