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

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

window

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

导航栏

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

窗口背景色

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

仅设置"backgroundColor"为红色,

效果如下图所示

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

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

tabBar

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

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

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

相关推荐
The_era_achievs_hero22 分钟前
微信小程序71~80
微信小程序·小程序
dssxyz2 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !2 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_6 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子10 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记10 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
张晓~1833994812111 小时前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero13 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠14 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu1 天前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序