【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"
	},
相关推荐
鹿衔`1 分钟前
解决Flink on Yarn模式多Yarn Session会话提交
java·前端·flink
u***u68512 分钟前
前端组件单元测试模拟,Jest mock函数
前端·单元测试
前端摸鱼匠32 分钟前
Vue 3 的watchEffect函数:介绍watchEffect的基本用法和特点
前端·javascript·vue.js·前端框架·ecmascript
拉不动的猪1 小时前
基本数据类型Symbol的基本应用场景
前端·javascript·面试
天庭鸡腿哥1 小时前
谷歌出品,堪称手机版PS!
javascript·智能手机·eclipse·maven
_小九1 小时前
【开源】耗时数月、我开发了一款功能全面【30W行代码】的AI图床
前端·后端·开源
just小千1 小时前
HTML进阶——常用标签及其属性
前端·html
惜.己1 小时前
html笔记(一)
前端·笔记·html
Lsx-codeShare1 小时前
一文读懂 Uniapp 小程序登录流程
前端·javascript·小程序·uni-app