【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"
	},
相关推荐
GISer_Jing7 小时前
TypeScript打造高效MCP工具与Skills开发
前端·javascript·typescript
智能工业品检测-奇妙智能7 小时前
如何用OpenClaw实现CSDN文章编辑发布
前端·人工智能·chrome·奇妙智能
Cache技术分享7 小时前
351. Java IO API - Java 文件操作:java.io.File 与 java.nio.file 功能对比 - 3
前端·后端
用户5757303346247 小时前
JavaScript 事件循环:宏任务与微任务执行顺序一图搞懂
javascript·react.js
YimWu7 小时前
面试官:OpenCode Tool 工具系统了解吗?
javascript·ai编程
天若有情6737 小时前
【原创发布】typechecker:一款轻量级 JS 模板化类型检查工具
开发语言·javascript·npm·ecmascript·类型检查·typechecker
A_nanda7 小时前
vue实现走马灯显示文字效果
前端·javascript·vue.js
小码哥_常7 小时前
Kotlin 延迟初始化:lateinit与by lazy的华山论剑
前端
晴栀ay7 小时前
一文详解JS中的执行顺序——事件循环(宏任务、微任务)
前端·javascript·面试
0vvv07 小时前
JavaScript-1
javascript