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

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

window

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

导航栏

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

窗口背景色

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

仅设置“backgroundColor”为红色,

请添加图片描述

效果如下图所示

请添加图片描述

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

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

请添加图片描述

请添加图片描述

请添加图片描述

tabBar

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

请添加图片描述

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

请添加图片描述

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

请添加图片描述

相关推荐

  1. 程序tabbar怎么配置

    2023-12-26 06:44:05       29 阅读
  2. 程序:2.全局开发

    2023-12-26 06:44:05       29 阅读
  3. 程序全局变量应用

    2023-12-26 06:44:05       56 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-26 06:44:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-26 06:44:05       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-26 06:44:05       82 阅读
  4. Python语言-面向对象

    2023-12-26 06:44:05       91 阅读

热门阅读

  1. c语言之求出某年某月的天数

    2023-12-26 06:44:05       66 阅读
  2. 【云原生、k8s】管理Kubernetes应用搭建与部署

    2023-12-26 06:44:05       60 阅读
  3. 解析电商模式:新时代智慧型商家的成长之路

    2023-12-26 06:44:05       57 阅读
  4. 内网离线搭建之----kafka集群

    2023-12-26 06:44:05       45 阅读
  5. c语言-结构体

    2023-12-26 06:44:05       65 阅读
  6. 微信小程序面试题

    2023-12-26 06:44:05       61 阅读
  7. 手机上的软件怎么修改网络IP地址

    2023-12-26 06:44:05       58 阅读
  8. 什么是图像中的掩膜(Mask),如何使用掩码

    2023-12-26 06:44:05       67 阅读