【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 分钟前
Cocos游戏开发中的弯的箭头游戏效果
前端
ct9783 分钟前
Promise
前端·javascript·vue.js
怕浪猫3 分钟前
Electron 开发实战(十一):自动更新机制|服务架构、公私网更新、版本回滚全解
前端·javascript·electron
AI视觉网奇10 分钟前
three-bvh-csg glb分割
开发语言·前端·javascript
很楠爱上13 分钟前
TypeScript 核心知识精要
javascript·ubuntu·typescript
zhangfeng113316 分钟前
workbuddy ,node.js 每次会在 项目目录上安装 node_modules,能不能一次安装多次使用,为什么 npm 不把包装在全局
前端·npm·node.js
一次旅行16 分钟前
CopilotKit实战:用生成式UI打造智能Agent前端
前端·人工智能·ui
禅思院34 分钟前
大列表性能优化 · 工程实战·四
开发语言·前端·性能优化·前端框架·php·异步加载
rising start35 分钟前
五、Vue3 ref 用法 + Props 完整指南
前端·javascript·vue.js
web打印社区35 分钟前
前端html转换pdf并静默打印pdf最佳实现路径
前端·javascript·vue.js·electron·html