微信小程序-动态tabbar(底部菜单)

测试和正式环境的 icon 配置不同，且一静一动，通过 api 的数据在静默登陆时去更改 tabbar 的 iconPath。更改的文件app.json 和 miniprogram\custom-tab-bar\index.ts

自定义 tabbar 步骤

1. 首先 app.json 中 custom 设置为 true
2. 根据微信开发文档在根目录创建 custom-tab-bar 文件夹，写好自定义 tabbar 的样式
3. tabbar 跳转使用 switchTab
4. 在 ready 中初始化 tab 选择点击的交互行为
5. 可以先把 tabbar 的几个页面名字存储到数组中，通过 some 判断，当当前页面路由的 endsWith(tabbar 的名字)存在，则用 this.getTabBar().setData({selected: tabbar 的选中情况})
6. 当前页面路由

   const pages = getCurrentPages()
   const length = pages.length - 1
   const currentPageName = page[length - 1]?.route

7. 页面通过遍历自定义的 tabbar 数组，和 selected 来判断当前页面切换的路径和选择的图标

参考文档

• 参考一：vant 有缺陷可参考
• 官方文档