Vue3实现加入购物车抛物线效果组件

文章预览

贝赛尔曲线 - Vue3实现加入购物车抛物线效果组件（可连续多个动画，动态回收DOM） 前言 在前几天的一次迭代中，我遇到了这么一个需求，模仿支付宝首页应用中心的编辑功能，支持编辑首页展示的应用，在支付宝应用首页编辑功能中，我注意到一种独特而细致的设计。无论是增加还是移除某个应用，都会引发一个精美的移动动画效果。这种贴心的设计在用户体验中起到了微妙而关键的作用，使得操作更加流畅，为整个过程增添了趣味性。不由地想起我们在使用各种购物外卖软件时，添加商品到购物车也有这么一个抛物线的动画效果。因此，决定手动造轮子，封装一个通用的抛物线组件。该组件已开源上传npm，可以直接安装使用，源码已上传Git，地址在文尾。 贝赛尔曲线 贝塞尔曲线（Bezier curve）是应用于二维图形应用程序的数学曲线，在矢量图 ………………………………