微信小程序开发系列-03全局配置中的“window”和“tabBar”

本文继续学习下全局配置中的"window"和"tabBar"。

window

用于设置小程序的导航栏、标题、窗口颜色等。(吐槽一句,官网这里的属性描述真的让人看不懂,只有靠自己实际运行调试才能知道是什么意思。)

导航栏

设置导航栏背景色为绿色,导航栏文字颜色为黑色,导航栏文字为"渔道主页"。

窗口背景色

backgroundColor颜色是指当上拉或下拉时窗口的背景颜色,在真机上才能看到效果。

仅设置"backgroundColor"为红色,

效果如下图所示

backgroundColor颜色是指当上拉或下拉时窗口的背景颜色,在真机上才能看到效果。

当"backgroundColor" 和 backgroundColorTop、backgroundColorBottom都设置时,似乎backgroundColor会被覆盖。

tabBar

tabBar即小程序窗口的底部或顶部有 tab 栏可以切换页面。

tabBar的必选属性是"color"、"selectedColor"、"backgroundColor"、"list"。

我这里创建了2个tabBar页面:

相关推荐
shimmer0082 小时前
抖音小程序登录(前端通过tt.login获取code换取openId)
前端·小程序·状态模式
清风路遥3 小时前
【婚庆摄影小程序设计与实现】
微信小程序·毕业设计·springboot·课程设计
潜意识起点5 小时前
微信小程序 app.json 配置文件解析与应用
微信小程序·小程序·json
计算机徐师兄13 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云13 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
说私域13 小时前
私域电商逆袭密码:AI 智能名片小程序与商城系统如何梦幻联动
人工智能·小程序
美美的海顿19 小时前
springboot基于Java的校园导航微信小程序的设计与实现
java·数据库·spring boot·后端·spring·微信小程序·毕业设计
说私域1 天前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售
罗狮粉 991 天前
docker部署微信小程序自动构建发布和更新
docker·微信小程序·notepad++
Kika写代码2 天前
【微信小程序】页面跳转基础 | 我的咖啡店-综合实训
服务器·微信小程序·小程序