uniapp - 如何让一个元素 DOM 动态且重复开关动画？用 JS 控制元素，执行预设好的 CSS 动画，就像常见的点赞动画功能一样，点赞动画永远可以重置执行！（详细示例源代码）

效果图

下图的示例代码有很详细的注释，代码也简洁无BUG可靠。

在uniapp中，如何让一个元素 DOM 动态且重复开关动画？并且全部平台（H5/app/小程序）都兼容？

下图可以看到，每次点击按钮时都会 重复执行动画，并且支持无限连点也不会出问题！

你可以将触发动画的代码放到任何函数中，或者绑定到点击、长按事件中，都是可以的。

实现代码

在 uniapp项目中，跑起来查看效果！

<template>