【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"
	},
相关推荐
蜗牛攻城狮5 分钟前
CSS中的 `dvh` 与 `vh`: 深入理解视口单位
前端·css
心柠5 分钟前
原型和原型链
开发语言·javascript·ecmascript
yqcoder11 分钟前
uni-app 之 设置 tabBar
运维·服务器·uni-app
啥都不懂的小小白11 分钟前
Shell脚本编程入门:从零基础到实战掌握
前端·shell
东东51628 分钟前
校园短期闲置资源置换平台 ssm+vue
java·前端·javascript·vue.js·毕业设计·毕设
qq_4198540529 分钟前
富文本编辑器
前端
悟能不能悟29 分钟前
VUE的国际化,怎么实现
前端·javascript·vue.js
2601_9494800630 分钟前
Flutter for OpenHarmony音乐播放器App实战11:创建歌单实现
开发语言·javascript·flutter
Mr Xu_34 分钟前
解决 Vue + Axios 热更新导致响应拦截器重复注册的问题
前端·javascript·vue.js
Coder_preston40 分钟前
JavaScript学习指南
开发语言·javascript·ecmascript