Lottie 是 Vue3 项目中实现高品质动画的最佳选择之一，通过封装通用组件可快速集成到项目中，结合其丰富的 API 能实现灵活的交互控制。

若想深入理解 Lottie 的动画机制，从 **JSON Schema** 入手是一条清晰的路径。Lottie 是一个完全由数据驱动的动画系统，掌握其 JSON 结构，等于握住了理解动画渲染逻辑的钥匙

在做商城类项目的时候，我们可能都会经历过“优惠券”这类需求，笔者在过往工作中，都是直接要求UI切图来实现，直到有一天产品告诉我一个奇思妙想

通过背景图片实现。 135度repeating线性渐变，p撑开高度，白色背景覆盖外层div渐变。 通过线性渐变以及background-size画出虚线，然后再通过background-position将其移动到四边。这种方式比较好的地方在于可以分别设置四条边的样式以及动画的方…