微信小程序开发之选项卡(窗口底部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 

相关文章： 南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  如何选择美橙互联多站合一建站方案？  小型网站制作HTML,*游戏网站怎么搭建？  网站网页制作专业公司,怎样制作自己的网页？  Android滚轮选择时间控件使用详解  建站之星后台密码遗忘如何找回？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何快速搭建高效WAP手机网站吸引移动用户？  如何访问已购建站主机并解决登录问题？  微信小程序 input输入框控件详解及实例（多种示例）  网站专业制作公司有哪些,做一个公司网站要多少钱？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  南平网站制作公司,2025年南平市事业单位报名时间？  ,制作一个手机app网站要多少钱？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  怀化网站制作公司,怀化新生儿上户网上办理流程？  建站之星代理如何获取技术支持？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  建站DNS解析失败？如何正确配置域名服务器？  如何通过老薛主机一键快速建站？  如何基于云服务器快速搭建网站及云盘系统？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  如何用狗爹虚拟主机快速搭建网站？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  jQuery 常见小例汇总  如何用AWS免费套餐快速搭建高效网站？  ,南京靠谱的征婚网站？  制作门户网站的参考文献在哪,小说网站怎么建立？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  如何高效配置IIS服务器搭建网站？  建站主机选虚拟主机还是云服务器更好？  网站制作公司排行榜,抖音怎样做个人官方网站  建站之星如何助力企业快速打造五合一网站？  C++如何编写函数模板？（泛型编程入门）  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  ,柠檬视频怎样兑换vip？  如何在阿里云高效完成企业建站全流程？  中山网站制作网页,中山新生登记系统登记流程？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  MySQL查询结果复制到新表的方法(更新、插入)  网页设计网站制作软件,microsoft office哪个可以创建网页？  如何在云虚拟主机上快速搭建个人网站？  小型网站建站如何选择虚拟主机？  如何在阿里云虚拟主机上快速搭建个人网站？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  如何在宝塔面板中创建新站点？