[TOC] #### 购物车小球缓动  * [ ] html 部分 ~~~ <div class="cart-control"> <transition name="move"> <div class="reduce" v-if="food.count" @click="reduce"> <span class="icon-remove_circle_outline inner"></span> </div> </transition> <div class="cart-num" v-if="food.count"> <span>{{food.count}}</span> </div> <div class="plus" @click="plus"> <span class="icon-add_circle"></span> </div> </div> ~~~ * [ ] css ~~~ .reduce .inner display inline-block transition all .3s linear transform rotate(0) &.move-enter, &.move-leave-to opacity 0 transform translate3d(24px,0,0) .inner transform rotate(180deg) &.move-enter-to, &.move-leave opacity 1 transform translate3d(0,0,0) &.move-enter-active, &.move-leave-active transition all .3s linear ~~~