全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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

一.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哪个可以创建网页? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。