写在前边:《微信小程序_···》系列的博文,是学习了b站《前端开发利器vue,微信小程序快速开发实战,黑马程序员前端web教程》BY黑马程序员之后,的学习笔记,这是视频地址:https://www.bilibili.com/video/BV1Sc41187nZ?p=1,该视频是讲了一个基于uni-app的项目
1 globalstyle属性
详见https://uniapp.dcloud.io/collocation/pages?id=globalstyle
这是属于uni-app的pages.json中的globalstyle属性
2 将导航条从“白底黑字”改为“黑底白字
2.1 默认的样式代码
"globalStyle": {
"navigationBarTextStyle": "black", // 字体颜色
"navigationBarTitleText": "uni-app", // 标题
"navigationBarBackgroundColor": "#F8F8F8", // 背景颜色
"backgroundColor": "#F8F8F8"
},
2.2 黑底-白字
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "懂你找图",
"navigationBarBackgroundColor": "#000"
},