装饰 5 是一个具有动画效果的 背景线框

但是开发者 没有给我们 提供 动画重复次数的 配置项,只提供了单次动画时长,如果把单词动画时长设置的很长,动画的延展速度也会跟着变得很慢,不符合预期。
使用开发者工具,找到实现逻辑

发现是 svg 之下的 animate 在起作用,我们只要将 animate 中的 repeatCount 改成 1 既可以 实现动画只会 进行开头那一次
接下来使用 js 来解决问题:
在 onMounted() 中 写入以下代码:
const svgElement = document.querySelector('.dv-decoration-5 svg')✳
谢谢你读到这里。
更新于 2024-03-13