技术栈

【uni-app】设置背景颜色相关

cc蒲公英2023-11-17 8:51

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"
	},
上一篇:并发编程之生产者消费者模型
下一篇:spring boot 集成 RedisSearch 和 RedisJSON
相关推荐
下位子
4 分钟前
『AI 编程』用 Claude Code 从零到一开发全栈减脂追踪应用
前端·ai编程·claude
tyro曹仓舒
4 分钟前
Vue单文件组件到底需不需要写name
前端·vue.js
用户4794928356915
5 分钟前
面试官:讲讲2FA 双因素认证原理
前端·后端·安全
乐影
6 分钟前
TS 模板字符串类型:从基础到进阶的类型编程魔法
前端·typescript
龙在天
7 分钟前
CSS 属性值的计算与过程
前端
云鹤_
8 分钟前
【Amis源码阅读】组件注册方法远比预想的多!
前端·低代码
xinfei
9 分钟前
ES6 新特性 从 ECMAScript 2015(ES6)到 ECMAScript 2025
前端
GBVFtou
12 分钟前
vue响应式 track 和trigger 过程
前端
耀耀切克闹灬
20 分钟前
生成tag号的脚本
前端
Never_Satisfied
23 分钟前
在JavaScript / HTML中,line-height是一个CSS属性
javascript·css·html
热门推荐
01BongoCat - 跨平台键盘猫动画工具02两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答03智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践04GitHub 镜像站点05UV安装并设置国内源06Cursor Plan Mode:AI 终于知道先想后做了0746个Nano-banana 精选提示词,持续更新中08Linux下V2Ray安装配置指南09GitLab 零基础入门指南:从安装到项目管理全流程10一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示