vue 小球动画，这玩意非常考验css

网上非常多的案列，在这里我就抄过来，能用基本就达到目的了

CartAnim.vue ，直接就是这个组件，我都复制好了

<template>
  <div class="ball-container">
    <transition-group
      name="drop"
      v-on:before-enter="beforeEnter"
      v-on:enter="enter"
      v-on:after-enter="afterEnter"
    >
      <div class="ball" v-for="(ball,index) in balls" v-show="ball.show" :key="index">
        <div class="inner inner-hook"></div>
      </div>
    </transition-group>
  </div>
</template>
<script>
export default {
  name: "cartAnim",
  data() {
    return {
      // 使用balls存放5个小球，这些小球的默认状态都是不显示
      // 为什么是5个 不是3个 4个
      // 这里的意思是在一瞬间可以点多少次'+'号，5个差不多就够了，3个太少了，作为多年的程序员来说瞬间点3下轻而易举
      balls: [
        { show: false },
        {