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

2023-12-25 17:01:45

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

window

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

导航栏

请添加图片描述
设置导航栏背景色为绿色,导航栏文字颜色为黑色,导航栏文字为“渔道主页”。

窗口背景色

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

仅设置“backgroundColor”为红色,

请添加图片描述

效果如下图所示

请添加图片描述

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

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

请添加图片描述

请添加图片描述

请添加图片描述

tabBar

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

文章来源:https://blog.csdn.net/weixin_43708622/article/details/135201428
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。