From bd2676ad5bff1a8c800818caa95ed753f744599f Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Sun, 17 Apr 2022 14:47:21 +0800
Subject: [PATCH] fix: emoji animation compatible

---
 src/components/ChooseFood.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ChooseFood.vue b/src/components/ChooseFood.vue
index e5dbc0e..e4e9e28 100644
--- a/src/components/ChooseFood.vue
+++ b/src/components/ChooseFood.vue
@@ -54,8 +54,15 @@ const playAnimation = (emoji: string) => {
   document.body.appendChild(emojiEl)
 
   setTimeout(() => {
-    emojiEl.style.top = `${top.value}px`
-    emojiEl.style.left = `${left.value + 12}px`
+    // 以防万一，按钮位置没检测出来，就不播放动画了
+    if (!top.value || !left.value) {
+      emojiEl.style.top = `${x.value}px`
+      emojiEl.style.left = `${y.value}px`
+    }
+    else {
+      emojiEl.style.top = `${top.value}px`
+      emojiEl.style.left = `${left.value + 12}px`
+    }
   }, 1)
 
   emojiEl.ontransitionend = () => {