微信小程序开发之选项卡(窗口底部TabBar)页面切换

微信小程序开发中窗口底部tab栏切换页面很简单很方便.

代码:

1.app.json

//app.json 
{ 
 "pages":[ 
  "pages/index/index", 
  "pages/logs/logs" 
 ], 
 "window":{ 
  "backgroundTextStyle":"light", 
  "navigationBarBackgroundColor": "#999999", 
  "navigationBarTitleText": "tab", 
  "navigationBarTextStyle":"white" 
 }, 
  "tabBar": { 
  "color": "#ccc", 
  "selectedColor": "#35495e", 
  "borderStyle": "white", 
  "backgroundColor": "#f9f9f9", 
  "list": [ 
   { 
    "text": "首页", 
    "pagePath": "pages/index/index", 
    "iconPath": "images/home.png", 
    "selectedIconPath": "images/home-actived.png" 
   }, 
   { 
    "text": "目录", 
    "pagePath": "pages/catalogue/catalogue", 
    "iconPath": "images/note.png", 
    "selectedIconPath": "images/note-actived.png" 
   }, 
   { 
    "text": "我的", 
    "pagePath": "pages/mine/mine", 
    "iconPath": "images/profile.png", 
    "selectedIconPath": "images/profile-actived.png" 
   } 
  ] 
 } 
} 

pagePath是页面路径.iconPath是图片路径，icon 大小限制为40kb.

selectedIconPath:选中时的图片路径，icon 大小限制为40kb

tab Bar的最多5个,最少2个.

在pages目录下写好页面即可切换.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 小程序tab选项卡  # 小程序底部选项卡  # 微信小程序选项卡  # 微信小程序选项卡切换  # 最多  # 很简单  # 首页  # 很方便  # 写好  # 程序开发  # 目录下  # js  # pages  # backgroundTextStyle  # class  # brush  # index  # navigationBarBackgroundColor  # light  # logs  # window  # style  # text  # tab 

相关文章： 网站建设制作、微信公众号,公明人民医院怎么在网上预约？  历史网站制作软件,华为如何找回被删除的网站？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  建站之星2.7模板快速切换与批量管理功能操作指南  建站之星如何修改网站生成路径？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何用西部建站助手快速创建专业网站？  广州美橙建站如何快速搭建多端合一网站？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  北京网站制作网页,网站升级改版需要多久？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  高防服务器租用如何选择配置与防御等级？  专业网站建设制作报价,网页设计制作要考什么证？  如何续费美橙建站之星域名及服务？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  视频网站制作教程,怎么样制作优酷网的小视频？  网站网页制作专业公司,怎样制作自己的网页？  广德云建站网站建设方案与建站流程优化指南  活动邀请函制作网站有哪些,活动邀请函文案？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  b2c电商网站制作流程,b2c水平综合的电商平台？  Swift开发中switch语句值绑定模式  seo网站制作优化,网站SEO优化步骤有哪些？  安徽网站建设与外贸建站服务专业定制方案  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  建站之星×万网：智能建站系统+自助建站平台一键生成  香港服务器网站推广：SEO优化与外贸独立站搭建策略  建站上传速度慢？如何优化加速网站加载效率？  如何快速生成可下载的建站源码工具？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  电脑免费海报制作网站推荐,招聘海报哪个网站多？  网站制作服务平台,有什么网站可以发布本地服务信息？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  MySQL查询结果复制到新表的方法(更新、插入)  简单实现Android文件上传  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  威客平台建站流程解析：高效搭建教程与设计优化方案  网站插件制作软件免费下载,网页视频怎么下到本地插件？  香港服务器部署网站为何提示未备案？  如何在万网主机上快速搭建网站？  青岛网站建设如何选择本地服务器？  行程制作网站有哪些,第三方机票电子行程单怎么开？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在香港服务器上快速搭建免备案网站？  ppt制作免费网站有哪些,ppt模板免费下载网站？