微信小程序全局配置文件教程-情义源码网

pages字段

作用：控制页面目录

在小程序开发时，每个页面都对应一个目录，每个目录又分别有wxml、wxss、js和json四个文件。详细说明可查看后续文章介绍，本文主要详解全局配置文件。

该字段内容是一个字符串形式数组，数组中每一个元素代表一个页面。快捷键CTRL+S保存后会自动生成对应目录和页面

window字段

控制小程序顶部背景颜色，标题等

"window":{     "backgroundTextStyle":"light",     "navigationBarBackgroundColor": "#eb4450",     "navigationBarTitleText": "标题名称",     "navigationBarTextStyle":"white"},
backgroundTextStyle：下拉 loading 的样式，仅支持 dark / light。
navigationBarBackgroundColor：导航栏背景颜色，如 #000000。
navigationBarTitleText：导航栏标题文字内容。
navigationBarTextStyle：导航栏标题颜色，仅支持 black / white。

更多属性请移步微信开放文档中查看。

tabbar字段

控制导航条的。

"tabBar": {     "color": "#999",     "selectedColor": "#ff2d4a",     "backgroundColor": "#fafafa",     "position": "bottom",     "borderStyle": "black",  
   "list": [       {         "pagePath": "pages/index/index",         "text": "首页",         "iconPath": "./icon/主页0.png",     
    "selectedIconPath": "./icon/主页1.png"      },       {         "pagePath": "pages/category/index",         "text": "分类",         "iconPath": "./icon/分类0.png",   
      "selectedIconPath": "./icon/分类1.png"      },       {         "pagePath": "pages/cart/index",         "text": "购物车",         "iconPath": "./icon/购物车0.png",   
      "selectedIconPath": "./icon/购物车1.png"      },       {         "pagePath": "pages/user/index",         "text": "我的",         "iconPath": "./icon/我的0.png",   
      "selectedIconPath": "./icon/我的1.png"      }     ]   },

color：tab 上的文字默认颜色，仅支持十六进制颜色。

selectedColor：tab 上的文字选中时的颜色，仅支持十六进制颜色。

backgroundColor：tab 的背景色，仅支持十六进制颜色。

position：tabBar 的位置，仅支持 bottom / top。

borderStyle：tabbar 上边框的颜色，仅支持 black / white。

list属性

pagePath：指定点击后要跳转的页面路径

text：显示的页面名称

iconPath：未被点击时的图标图片

selectedIconPath：被点击后的图标图片

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

微信小程序全局配置文件教程

pages字段

window字段

tabbar字段

list属性

常见问题FAQ

情义资源网超级会员

发表评论取消回复

pages字段

window字段

tabbar字段

list属性

常见问题FAQ

情义资源网 超级会员

发表评论 取消回复

情义资源网超级会员

发表评论取消回复