微信小程序--全局配置文件中的pages,window,taBar属性

发布时间:2022-12-01 17:30



全局配置 | 微信开放文档

     常用三种属性

        微信小程序--全局配置文件中的pages,window,taBar属性_第1张图片   

 1.pages属性:用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json.js.wxml.wxss 四个文件进行处理。

{
  "pages": 
    [
        "pages/index/index",
        "pages/logs/logs"
    ]
}

2.window属性:用于设置小程序的状态栏、导航条、标题、窗口背景色

        常用的几种属性

        微信小程序--全局配置文件中的pages,window,taBar属性_第2张图片

        微信小程序--全局配置文件中的pages,window,taBar属性_第3张图片

{
  "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

3.taBar:如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

    微信小程序--全局配置文件中的pages,window,taBar属性_第4张图片

 其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab

 每个项都是一个对象,对象属性如下:

微信小程序--全局配置文件中的pages,window,taBar属性_第5张图片

 

"list":[
      {
        "pagePath": "pages/index/index",
        "text":"页面名1",
        "iconPath": "默认图片路径",
        "selectedIconPath": "点击后图片路径"
      },
      {
        "pagePath": "pages/logs/logs",
        "text":"页面名2",
        "iconPath": "默认图片路径",
        "selectedIconPath": "点击后图片路径"
      }
    ]

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号