【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"
	},
相关推荐
IT_陈寒14 小时前
Python开发者必看:5个被低估但能提升200%编码效率的冷门库实战
前端·人工智能·后端
g***789114 小时前
鸿蒙NEXT(五):鸿蒙版React Native架构浅析
android·前端·后端
q***718514 小时前
Webpack、Vite区别知多少?
前端·webpack·node.js
千里念行客24015 小时前
国产射频芯片“小巨人”昂瑞微今日招股 拟于12月5日进行申购
大数据·前端·人工智能·科技
小杨快跑~16 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。17 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
WYiQIU21 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登21 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀1 天前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia1 天前
vue3+vite打包出现内存溢出问题
前端·vue