微信小程序开发系列目录
- 《微信小程序开发系列-01创建一个最小的小程序项目》
- 《微信小程序开发系列-02注册小程序》
- 《微信小程序开发系列-03全局配置中的“window”和“tabBar”》
- 《微信小程序开发系列-04获取用户图像和昵称》
- 《微信小程序开发系列-05登录小程序》
- 《微信小程序开发系列-06事件》
- 《微信小程序开发系列-07组件》
本文目录
- 微信小程序开发系列目录
- 前言
- window
- 导航栏
- 窗口背景色
- tabBar
- 总结
前言
本文继续学习下全局配置中的“window”和“tabBar”。
window
用于设置小程序的导航栏、标题、窗口颜色等。(吐槽一句,官网这里的属性描述真的让人看不懂,只有靠自己实际运行调试才能知道是什么意思。)
导航栏
设置导航栏背景色为绿色,导航栏文字颜色为黑色,导航栏文字为“渔道主页”。
窗口背景色
backgroundColor颜色是指当上拉或下拉时窗口的背景颜色,在真机上才能看到效果。
仅设置“backgroundColor”为红色,
效果如下图所示
backgroundColor颜色是指当上拉或下拉时窗口的背景颜色,在真机上才能看到效果。
当“backgroundColor” 和 backgroundColorTop、backgroundColorBottom都设置时,似乎backgroundColor会被覆盖。
tabBar
tabBar即小程序窗口的底部或顶部有 tab 栏可以切换页面。
tabBar的必选属性是“color”、“selectedColor”、“backgroundColor”、“list”。
我这里创建了2个tabBar页面:
总结
本文涉及的window和tabbar配置的内容比较简单,基本上按照官方文档就能掌握。