微信小程序定制式Tab组件的玩法

在小程序开发过程中，首先接触到的组件大概率是tabbar，相关开发文档中已对tabbar的实现方式进行了详尽说明，此处不再赘述。当前的重点在于尝试实现微信开发文档中提及的自定义tabbar功能。需要强调的是，此次实践并非直接复制官方提供的示例代码，而是将自定义tabbar与weui框架进行融合，以探索更优的实现方案。

1.WeUI在小程序中的应用

WeUI作为微信小程序的附加库，其最基本的引入方式如下所示。在app.json文件中添加

      "useExtendedLib": {
    "weui": true
      },
    
    
      
      
      
    

2.Tabbar配置与实现

首先应依据微信开发文档中关于自定义tabbar的配置说明进行设置，详细内容可参考以下链接: 自定义tabbar。

2.1配置信息

    "tabBar": {
    "custom": true,
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",