如何在微信小程序中设置tabBar

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

成都创新互联-云计算及IDC服务提供商,涵盖公有云、IDC机房租用、资阳移动机房、等保安全、私有云建设等企业级互联网基础服务,电话联系:18980820575

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有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网页名称:如何在微信小程序中设置tabBar
文章来源:http://bzwzjz.com/article/gpccid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 商城网站建设 成都网站制作 自适应网站设计 成都网站建设 攀枝花网站设计 成都网站建设公司 泸州网站建设 网站设计制作报价 成都h5网站建设 企业网站建设公司 网站建设 成都网站设计制作公司 成都定制网站建设 LED网站设计方案 四川成都网站设计 网站建设费用 四川成都网站建设 重庆网站设计 成都网站设计 成都营销网站制作 手机网站设计 成都网站建设