Vue项目中利用贝塞尔曲线实现添加购物车时的小球抛物线效果

---

前言

大家好，我是尤雨海。。。。。。。。。

---

一、代码

<template>
  <div class="ball">
    <!-- 模拟商品区域 -->
    <ul>
      <li v-for="(item, index) in 5" :key="index">
        <span ref="add">+</span>
      </li>
    </ul>
    <!-- 模拟购物车区域 -->
    <div class="shopCar" ref="shopCar">{
   {
    number }}</div>
  </div>
</template>

<script>
export default {
   
  name: "ball",
  data() {
   
    return {
   
      number