1.通过Vannt Weapp组件库，引用一个tabBar组件实现自定义tabBar基本模板
2.实现自定义图标
3.渲染tabBar上的数字徽标
下面这张图可以看到设置的样式并没有生效
根据文档可知需要
这一步需要把store中的sum值给绑到徽标上
4.实现tabBar的切换效果
解决底部选中项索引问题
定义到store里面
相关推荐
Eshine、39 分钟前
解决前端项目中，浏览器无法正常加载带.gz名称的文件用户47949283569151 小时前
别再当 AI 的"人肉定位器"了：一个工具让 React 组件秒定位WYiQIU2 小时前
面了一次字节前端岗，我才知道何为“造火箭”的极致！qq_316837752 小时前
uniapp 观察列表每个元素的曝光时间小夏同学呀2 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能芳草萋萋鹦鹉洲哦2 小时前
【vue】导航栏变动后刷新router的几种方法1***y1782 小时前
Vue项目性能优化案例谢尔登3 小时前
【CSS】样式隔离百***58843 小时前
Redis 通用命令Liu.7743 小时前
vue3 路由缓存导致onMounted无效