如何在微信小程序中设置tabBar-创新互联

今天就跟大家聊聊有关如何在微信小程序中设置tabBar，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

目前累计服务客户上千家，积累了丰富的产品开发及服务经验。以网站设计水平和技术实力，树立企业形象，为客户提供成都网站建设、成都网站设计、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。成都创新互联始终以务实、诚信为根本，不断创新和提高建站品质，通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合，为客户提供更好的一站式互联网解决方案，携手广大客户，共同发展进步。

1.tabBar的配置

"color": "#8a8a8a",
  "selectedColor": "#f40",//选中的颜色
  "backgroundColor": "#ffffff",//背景色
  "borderStyle": "black",//边界线的颜色
  "position":"top",//位置，是在上边。还是选择在下边，如果选择top，就不会显示图标
  "list": [//组件的清单
   {
    "pagePath": "page/component/index",//页面路径
    "text": "组件",//组件上显示的文字 
    "iconPath": "img/compont_un.png",//默认图标
    "selectedIconPath": "img/compont_on.png"//选中后的图标
   },
   {
    "pagePath": "page/API/index",
    "text": "API",
    "iconPath": "img/API_un.png",
    "selectedIconPath": "img/API_on.png"
   },
   {
    "pagePath": "page/persion/index",
    "text": "我的",
    "iconPath": "img/我的_un.png",
    "selectedIconPath": "img/我的_on.png"
   },
   {
    "pagePath": "pages/logs/logs",
    "text": "日志",
    "iconPath": "img/日志.png",
    "selectedIconPath": "img/日志_on.png"
   }
  ]
 },

看完上述内容，你们对如何在微信小程序中设置tabBar有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联成都网站设计公司行业资讯频道，感谢大家的支持。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：如何在微信小程序中设置tabBar-创新互联
URL标题：http://dzwzjz.com/article/iiidp.html