Day10--渲染tarBar上的数字徽标

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

优化其代码，达到我们的目的。