- 我用的是 Vant Weapp UI组件库,
- 需要用store 全局共享数据 解决tabbar切换激活样式问题
关于如何使用 Mobx,创建store可参考:微信小程序 Mobx实现数据共享(创建store数据共享 + 页面、组件间的数据传递)_Shimeng_1989的博客-CSDN博客
自定义tabbar 步骤:
- 在app.json中,开启自定义tabbar设置
// 以下内容可参考 小程序文档 -- 自定义tabbar // 1.在package.json 文件中找到/新增 tabBar对象 // 2.添加custom:true 设置 // 3.开启自定义tabbar后,在根目录创建 custom-tab-bar 文件夹(名字必须叫这个)。 // 4.在此文件夹下创建 index.wxml、index.js、index.wxss、index.json 四个文件 // (可以将鼠标放在文件夹上,右键 -- (选择)创建component(命名index) -- 回车,则会自从创建这四个文件) "tabBar": { "custom": true, // 开启自定义tabbar配置 "list": [{ // list不需要删掉 -- 为了向下兼容老版tabbar