1.如何整出徽标呢?
1》在index.wxml里面
2》效果图:
************* ************* ************* ************* ************* ************* ************* *************
2.如何让徽标不超过顶部的虚线呢?
1》用聚焦手指看看样式
2》在index.wxss里面:
3》如果你要样式覆盖掉Vant里面的样式,下面这个配置项必须带上。
************* ************* ************* ************* ************* ************* ************* *************
3.如何按需为item项渲染徽标
1》修改一下index.js里面的list里面的数据
2》在index.wxml里面用三元表达式渲染info
3》效果图:
************* ************* ************* ************* ************* ************* ************* *************
4.如何把store的数据映射到自定义的tabBar里面应用呢?
提出一个假设我们把sum的值,当做我们购物车买的商品。让sum的值成为其徽标的数字。
但是sum的值是在store,store里面的数据如何映射到自定义的tabBar呢?
1》store在组件中使用的“三步走”
2》利用observers,来监听sum的改变,将其赋值给info
优化其代码,达到我们的目的。