如何在微信小程序中设置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-创新互联
网页路径：https://www.cdcxhl.com/article18/iiidp.html

成都网站建设公司_创新互联，为您提供微信小程序、品牌网站制作、网站营销、网站内链、品牌网站设计、电子商务

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联