微信小程序|微信小程序全局配置及页面配置

1.全局配置文件及常用的配置项 小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:
① pages
记录当前小程序所有页面的存放路径
② window
全局设置小程序窗口的外观
③ tabBar
设置小程序底部的 tabBar 效果
④ style
是否启用新版的组件样式
全局配置-Window 1. 小程序窗口的组成部分
微信小程序|微信小程序全局配置及页面配置
文章图片

2. 了解 window 节点常用的配置项
微信小程序|微信小程序全局配置及页面配置
文章图片

全局配置-tabBar 1.什么是tabBar
tabBar 是移动端应用常见的页面效果,用于实现多页面
的快速切换。小程序中通常将其分为:

  • 底部 tabBar
  • 顶部 tabBar
注意:
  • tabBar中只能配置最少 2 个、最多 5 个 tab 页签
  • 当渲染顶部 tabBar 时,不显示 icon,只显示文本
2. tabBar 的 6 个组成部分
微信小程序|微信小程序全局配置及页面配置
文章图片

① backgroundColor:tabBar 的背景色
② selectedIconPath:选中时的图片路径
③ borderStyle:tabBar 上边框的颜色
④ iconPath:未选中时的图片路径
⑤ selectedColor:tab 上的文字选中时的颜色
⑥ color:tab 上文字的默认(未选中)颜色
3. tabBar 节点的配置项
【微信小程序|微信小程序全局配置及页面配置】微信小程序|微信小程序全局配置及页面配置
文章图片

4. 每个 tab 项的配置选项
微信小程序|微信小程序全局配置及页面配置
文章图片

页面配置 微信小程序|微信小程序全局配置及页面配置
文章图片

    推荐阅读