1.通过Vannt Weapp组件库,引用一个tabBar组件实现自定义tabBar基本模板








2.实现自定义图标






3.渲染tabBar上的数字徽标

下面这张图可以看到设置的样式并没有生效


根据文档可知需要




这一步需要把store中的sum值给绑到徽标上



4.实现tabBar的切换效果


解决底部选中项索引问题

定义到store里面






下面这张图可以看到设置的样式并没有生效
根据文档可知需要
这一步需要把store中的sum值给绑到徽标上
解决底部选中项索引问题
定义到store里面