设置小程序的页面背景颜色,一开始设置了一个全局的背景颜色,在app.json的widows对象中进行设置
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#f6f6f8",
"navigationBarTextStyle": "black"
},
后来在页面中第一反应也是使用单独的json文件设置,
{
"backgroundColor": "#fff",
"navigationBarTitleText": "添加评价"
}
【小程序|小程序修改单页面的背景颜色】果断发现,没有卵用啊,页面背景还是灰色。
文章图片
解决方法,在对应的wxss文件中设置一个page类:
page {
background-color: #fff;
}
这样整个页面的背景色就设置为全白,且不影响其他页面,其它页面有特殊要求,也是如此修改就可以了。
文章图片
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- 小程序|【视频倒放神器】超级玩法(千万不要倒放视频,太魔性了根本停不下来......)
- 小程序|最难忘的新年祝福,第一个让大家都惊喜的小程序(有趣、恶搞、好玩)