微信小程序 开发之全局配置

一.app.json

     使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.

       注意在.json不能注释，否则会出错。

二.工具栏tabBar

    如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序

app.json中

{ 
 "pages": ["pages/index/index", 
    "pages/coming/coming", 
    "pages/search/search", 
    "pages/top/top" 
   ], 
 "window": { 
  "navigationBarBackgroundColor": "#47a86c", 
  "navigationBarTextStyle": "white", 
  "navigationBarTitleText": "小程序案例", 
  "backgroundColor": "#fff", 
  "backgroundTextStyle": "dark" 
 }, 
 "tabBar": { 
  "color": "#686868", 
  "selectedColor": "#47a86c", 
  "backgroundColor": "#fff", 
  "list": [{ 
   "pagePath": "pages/index/index", 
   "iconPath": "dist/images/popular_icon.png", 
   "selectedIconPath": "dist/images/popular_active_icon.png", 
   "text": "热映" 
  }, 
  { 
   "pagePath": "pages/coming/coming", 
   "iconPath": "dist/images/coming_icon.png", 
   "selectedIconPath": "dist/images/coming_active_icon.png", 
   "text": "待映" 
  }, 
  { 
   "pagePath": "pages/search/search", 
   "iconPath": "dist/images/search_icon.png", 
   "selectedIconPath": "dist/images/search_active_icon.png", 
   "text": "搜索" 
  }, 
  { 
   "pagePath": "pages/top/top", 
   "iconPath": "dist/images/top_icon.png", 
   "selectedIconPath": "dist/images/top_active_icon.png", 
   "text": "口碑" 
  }] 
 }, 
 "networkTimeout": { 
  "request": 10000, 
  "downloadFile": 10000 
 }, 
 "debug": true 
} 

图标可以放在与pages同级，文件命名可是自定。

app.json中其他属性：可以查看官方文档。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序  # 全局配置  # 小程序配置  # 微信小程序开发app.json全局配置实战指南  # 微信小程序全局配置及常用配置项详解  # 微信小程序全局配置之tabBar实战案例  # 微信小程序开发之全局配置与页面配置实现  # 微信小程序全局配置以及页面配置详解  # 微信小程序之全局配置window和tabBar案例详解  # 是一个  # 最多  # 我们可以  # 希望能  # 谢谢大家  # 在与  # 则会  # 可以查看  # 自定  # 客户端  # 文档  # pages  # search  # index  # coming  # navigationBarTextStyle  # a86c  # navigationBarTitleText  # white  # window 

相关文章： 教育培训网站制作流程,请问edu教育网站的域名怎么申请？  建站之星如何实现网站加密操作？  建站主机选虚拟主机还是云服务器更好？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  建站之星后台管理：高效配置与模板优化提升用户体验  活动邀请函制作网站有哪些,活动邀请函文案？  制作电商网页,电商供应链怎么做？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  如何获取开源自助建站系统免费下载链接？  Python多线程使用规范_线程安全解析【教程】  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  建站与域名管理如何高效结合？  再谈Python中的字符串与字符编码（推荐）  设计网站制作公司有哪些,制作网页教程？  建站之星24小时客服电话如何获取？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  怎么将XML数据可视化 D3.js加载XML  C#怎么使用委托和事件 C# delegate与event编程方法  建站之星会员如何解锁更多建站功能？  如何快速辨别茅台真假？关键步骤解析  建站主机选哪家性价比最高？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  东莞专业制作网站的公司,东莞大学生网的网址是什么？  建站之星2.7模板：企业网站建设与h5定制设计专题  建站主机服务器选型指南与性能优化方案解析  制作网站的公司有哪些,做一个公司网站要多少钱？  表情包在线制作网站免费,表情包怎么弄？  建站主机是否等同于虚拟主机？  建站10G流量真的够用吗？如何应对访问高峰？  公司网站设计制作厂家,怎么创建自己的一个网站？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何在云主机上快速搭建多站点网站？  高端网站建设与定制开发一站式解决方案 中企动力  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何快速选择适合个人网站的云服务器配置？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  详解jQuery停止动画——stop()方法的使用  孙琪峥织梦建站教程如何优化数据库安全？  家庭服务器如何搭建个人网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  建站之星安装失败：服务器环境不兼容？  如何确认建站备案号应放置的具体位置？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  电商网站制作价格怎么算,网上拍卖流程以及规则？  如何通过商城免费建站系统源码自定义网站主题？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  网页设计网站制作软件,microsoft office哪个可以创建网页？