【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"
	},
相关推荐
NEXT0632 分钟前
普通函数与箭头函数的区别
前端·javascript·面试
全马必破三1 小时前
Webpack知识点汇总
前端·webpack·node.js
NEXT061 小时前
CommonJS 与 ES Modules的区别
前端·面试·node.js
TechFind1 小时前
如何为 AI Agent 写出完美的 SOUL.md 人格文件(2026指南)
javascript
猪头男1 小时前
【从零开始学习Vue|第八篇】深入组件——组件事件
前端
薛一半1 小时前
React三大属性之refs
前端·javascript·react.js
Lao乾妈官方认证唯一女友:D2 小时前
Ethers.js使用方法
javascript·web3
程序员林北北2 小时前
【前端进阶之旅】Svelte:编译即框架,让前端开发回归简洁
前端·javascript·vue.js·react.js·html5
yy.y--2 小时前
Java线程实现浏览器实时时钟
java·linux·开发语言·前端·python
echoVic2 小时前
给 Agent Skill 装上「黑匣子」:STOP 可观测性协议设计与实现
java·javascript