vue购物车项目完善

①推荐右边图标的完善

实现图如下：

通过点击右边的图片改变一个布尔类型的值，图片使用v-if和v-else来做的。下方的推荐内容是通过v-show来绑定的。

                    <div style="float:right; margin-right: 20px" @click="toggle">
                        <img src="./img/shopping_arrow_down.gif" v-if="boo"/>
                        <img src="./img/shopping_arrow_up.gif" v-else/>
                    </div>

toggle()方法就是改变布尔值，并且调用洗牌函数来改变顺序。

            //点击切换
            toggle(){
                if(this.boo==true){
                    this.boo=false;
                }else{
                    this.boo=true;
                }
                this.xipai();
            },

②在已购的法布尔昆虫记后添加一个活动

实现图片：

通过改变数量来改变参加活动的样式。

代码如下：

在name为法布尔昆虫记得对象中添加了一个zhong属性，并给属性名为“虫”，在结算函数中写是因为每次改变一个数据，结算函数就会被调用一次。通过循环遍历获得对应的对象，再在循环外判断number属性的值是0还是1还是2。根据number的值给name赋对应的值。