From 30635e68de47cb51acb95f219b832bf3ddeb50eb Mon Sep 17 00:00:00 2001
From: x3zvawq <x3zvawq@gmail.com>
Date: Wed, 6 Nov 2024 14:02:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(lottie):=20=E9=87=8D=E5=A4=8D=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E5=8A=A8=E7=94=BB=E7=9A=84=E6=97=B6=E5=80=99=E4=BC=9A?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E9=A1=B5=E9=9D=A2=E5=8D=A1=E6=AD=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/lottie_mark.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/lottie_mark.vue b/src/components/lottie_mark.vue
index e78c4bf3..e61f2762 100644
--- a/src/components/lottie_mark.vue
+++ b/src/components/lottie_mark.vue
@@ -5,6 +5,7 @@
 
 <script>
 import lottie from "lottie-web";
+import { cloneDeep } from "lodash";
 const animations = require.context("../assets/lottie", false, /\.json$/);
 
 export default {
@@ -27,12 +28,14 @@ export default {
     },
     methods: {
         loadAnimation() {
+            const data = cloneDeep(animations(`./${this.mark}.json`));
+            const ref = this.$refs.lottieContainer;
             lottie.loadAnimation({
-                container: this.$refs.lottieContainer,
+                container: ref,
                 renderer: "svg",
                 loop: true,
                 autoplay: true,
-                animationData: animations(`./${this.mark}.json`),
+                animationData: data,
             });
         },
     },