【uni-app】设置背景颜色相关

1. 全局页面背景色设置:

在App.vue的style样式表中设置

html 复制代码
<style>   
page {
    background-color: #F0AD4E;
}
</style>

2. 顶部导航栏背景色设置:

在pages.json页面路由中,globalStyle设置

javascript 复制代码
"globalStyle": {
		"navigationBarTextStyle": "white",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#0F9F7B", // 顶部导航栏颜色
		"backgroundColor": "#F8F8F8"
	},
相关推荐
osspeace1 分钟前
使用husky+commitizen+semantic-release实现项目的全自动版本管理和发布
前端·javascript
Epicurus3 分钟前
使用transform: translate时出现闪烁现象如何解决
前端·css
前端卧龙人4 分钟前
别再重复造轮子,VueUse让前端开发更简单、更高效
前端
前端卧龙人4 分钟前
前端埋点与监控的核心要点
前端
前端大雄4 分钟前
前端面试之各大厂真题算法解析
前端·javascript·面试
银之夏雪丶5 分钟前
Vue 3 vs Vue 2:深入解析从性能优化到源码层面的进化
前端·vue.js
用户0763767107465 分钟前
JavaScript遍历数组的方法总结
javascript
前端日常开发6 分钟前
一篇文章带你搞懂NextTick 是宏任务还是微任务
前端
EamonYang6 分钟前
实现 miniReact
前端
前端日常开发7 分钟前
5 分钟搞懂JavaScript 原型链
前端