当前位置:   article > 正文

小程序配置之全局配置-window与tabBar_app.js tabbar

app.js tabbar

小程序配置之全局配置-window与tabBar

参考文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

1.app.json中的Pages

​ 记录当前小程序所有页面的存放路径

2.window

2.1全局设置小程序的外观

属性含义

3.tabBar

tabBar只能配置最多5个、至少2个的tab页签。

注意:顶部tabBar不显示icon,只有底部显示
toolBar
全局tabBar配置代码(在app.js进行配置):

 "tabBar": {
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "/图片路径",
        "selectedIconPath": "/被选中的图片路径"
      },
      {
        "pagePath": "pages/message/message",
        "text": "消息",
        "iconPath": "/图片路径",
        "selectedIconPath": "/被选中的图片路径"
      }
     ]
 }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

若需要页面配置项,可以进行页面中的json配置(页面配置优先全局配置)

页面配置:

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号