技术栈

【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
相关推荐
梦曦i
几秒前
Vite插件开发框架:14个实用插件与完整工具包
前端
KaMeidebaby
1 分钟前
卡梅德生物技术快报|biotin 生物素标记抗体全流程
前端·人工智能·算法·数据挖掘·数据分析
VitoChang
2 分钟前
前端也能快速入门后端! NestJS前台和后台的Auth认证
前端·后端
TheITSea
3 分钟前
一、React初体验:搭建、解析现代开发环境
前端·react.js·前端框架
盒马盒马
6 分钟前
Rust:String
java·前端·rust
程序猿阿伟
9 分钟前
《Chrome非必要服务的精细化关闭指南》
前端·chrome·php
belong_my_offer
12 分钟前
理解前端函数
前端
沐土Arvin
21 分钟前
中国省市区json数据
前端
狗哥哥
26 分钟前
统一下载网关技术方案
前端·架构
三块可乐两块冰
33 分钟前
rag学习5
linux·前端·python
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?04【AI】2026 年具身智能模型和世界模型总结052026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf06AI科技热点日报 | 2026年6月1日07GitHub 镜像站点08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析09《置身钉内》原文-可播放阅读10AI一周事件 · 2026-06-03 至 2026-06-09