最近在浏览项目时被 React 社区 Magic UI 的 Border Beam (边框流光)动效吸引,觉得这种光效非常适合提升 UI 卡片或按钮的质感。
因为平时习惯使用 Vue 3 进行开发,但在社区里没找到特别完善的 Vue 适配版,于是花点时间把它迁移到了 Vue 3 ,并针对一些细节做了重构。
主要实现与调整
相关链接
目前代码已发布至 npm ,包名为 border-beam-vue3。
代码写得比较直接,主要是想分享给有类似需求的朋友,希望能帮大家节省一点折腾的时间。如果有 Bug 或改进建议,欢迎在 GitHub 提 Issue 或 PR ,谢谢。

