小程序模板网

首页 小程序模板网 开发文档 小程序开发教程正文

微信小程序 tabBar

发布时间：2018-04-18 11:12 所属栏目：小程序开发教程

很简单，参考API: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html?t=20161107

在app.json里填写：tab个数范围2-5个

 

  1. "tabBar":{  
  2.     "color": "#818181",  
  3.     "selectedColor": "#0082D7",  
  4.     "borderStyle": "white",  
  5.     "list": [  
  6.       {  
  7.         "pagePath": "pages/index/index",  
  8.         "text": "首页",  
  9.         "iconPath":"res/images/tabar/index.png",  
  10.         "selectedIconPath": "res/images/toobar/index01.png"  
  11.       },  
  12.       {  
  13.         "pagePath": "pages/me/me",  
  14.         "text": "个人中心",  
  15.         "iconPath": "res/images/tabar/me.png",  
  16.         "selectedIconPath": "res/images/toobar/me.png"  
  17.       },  
  18.       {  
  19.         "pagePath": "pages/more/more",  
  20.         "text": "更多",  
  21.         "iconPath": "res/images/tabar/more.png",  
  22.         "selectedIconPath": "res/images/toobar/more.png"  
  23.       }  
  24.     ]  
  25.   }  

 

 

另外貌似不支持网络获取图片,点击后对应页面根据需要自行添加编写即可。


易优小程序（企业版）+灵活api+前后代码开源 码云仓库:starfork
本文地址：https://www.eyoucms.com/wxmini/doc/course/23694.html 复制链接 如需定制请联系易优客服咨询：800182392 点击咨询

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

产品

服务

帮助

关于

工作日 8:30-12:00 14:30-18:00
周六及部分节假日提供值班服务

联系我们
QQ在线咨询
AI智能客服 ×