update

src/components/HomePage.vue

@@ -387,8 +387,10 @@ globalToastEvent.on(ToastType.SHOW_TODO, () => {
 })
 
 const sharePageShow = ref(false)
-globalToastEvent.on(ToastType.SHOW_SHAREPAGE, () => {
-  sharePageShow.value = true
+const isFromTodoList = ref(false)
+globalToastEvent.on(ToastType.SHOW_SHAREPAGE, (env) => {
+  sharePageShow.value = true;
+  isFromTodoList.value = env;
 })
 
 const popupMoreShow = ref(false)
@@ -399,7 +401,6 @@ globalToastEvent.on(ToastType.SHOW_POPUPMORE, () => {
 const gamePageShow = ref(false)
 const gameSlideId = ref('')
 globalToastEvent.on(ToastType.SHOW_GAMEPAGE, (slide) => {
-  console.log("slide in home page:", slide.id);
   gameSlideId.value = slide.id;
   gamePageShow.value = true
 })
@@ -462,6 +463,22 @@ const handleAddress = (id) => {
         <img src="../assets/images/new/award.png" alt="奖励">
       </div>
 
+      <div class="scene-item item-ma1">
+        <img src="../assets/images/new/ma1.png" alt="马1">
+      </div>
+
+      <div class="scene-item item-ma2">
+        <img src="../assets/images/new/ma2.png" alt="马2">
+      </div>
+
+      <div class="scene-item item-ma3">
+        <img src="../assets/images/new/ma3.png" alt="马3">
+      </div>
+
+      <div class="scene-item item-ma4">
+        <img src="../assets/images/new/ma4.png" alt="马4">
+      </div>
+
       <div class="scene-item item-8" @click="popupMore">
         <img src="../assets/images/new/learn-more.png" alt="更多金喜">
       </div>
@@ -480,7 +497,7 @@ const handleAddress = (id) => {
   <GamePage :show="gamePageShow" @close="gamePageShow = false" :gameSlideId="gameSlideId" />
   <GameDemo :show="gameDemoShow" @close="gameDemoShow = false" />
   <Lottery :show="lotteryShow" @close="lotteryShow = false" :type="lotteryType" :data="lotteryNoticeData"></Lottery>
-  <SharePage :show="sharePageShow" @close="sharePageShow = false"></SharePage>
+  <SharePage :show="sharePageShow" @close="sharePageShow = false" :isFromTodoList="isFromTodoList"></SharePage>
   <PopupMore :show="popupMoreShow" @close="popupMoreShow = false"></PopupMore>
 </template>
 
@@ -568,6 +585,76 @@ const handleAddress = (id) => {
   display: block;
 }
 
+/* 马的位置 */
+.item-ma1 {
+  width: 14vw;
+  top: 47vw;
+  left: 4.4vw;
+}
+.item-ma2 {
+  width: 14vw;
+  top: 47vw;
+  right: 4.4vw;
+}
+.item-ma3 {
+  width: 21vw;
+  top: 162vw;
+  left: 3vw;
+}
+.item-ma4 {
+  width: 25vw;
+  top: 128vw;
+  right: 6.6vw;
+}
+
+/* 通用“奔跑”动画：轻微上下＋前后＋缩放 */
+@keyframes horse-gallop {
+  0% {
+    transform: translateY(0) translateX(0) scale(1) rotate(0deg);
+  }
+  20% {
+    transform: translateY(-2px) translateX(2px) scale(1.01) rotate(-1deg);
+  }
+  40% {
+    transform: translateY(0) translateX(3px) scale(1.01) rotate(1deg);
+  }
+  60% {
+    transform: translateY(-3px) translateX(1px) scale(1.02) rotate(-0.5deg);
+  }
+  80% {
+    transform: translateY(0) translateX(0) scale(1.01) rotate(0.5deg);
+  }
+  100% {
+    transform: translateY(0) translateX(0) scale(1) rotate(0deg);
+  }
+}
+
+/* 每匹马用同一个 keyframes，但频率和起始时间不同，让节奏更自然 */
+.scene-item.item-ma1 img {
+  animation: horse-gallop 1.0s infinite ease-in-out;
+  animation-delay: 0s;
+  transform-origin: center bottom;
+}
+
+.scene-item.item-ma2 img {
+  animation: horse-gallop 1.25s infinite ease-in-out;
+  /* 负 delay：进场时就已经错位，不会同时起跳 */
+  animation-delay: -0.3s;
+  transform-origin: center bottom;
+}
+
+.scene-item.item-ma3 img {
+  animation: horse-gallop 1.4s infinite ease-in-out;
+  animation-delay: -0.6s;
+  transform-origin: center bottom;
+}
+
+.scene-item.item-ma4 img {
+  animation: horse-gallop 1.15s infinite ease-in-out;
+  animation-delay: -0.9s;
+  transform-origin: center bottom;
+}
+
 .item-1 {
   width: 21vw;
   bottom: 7vw;
@@ -655,6 +742,12 @@ const handleAddress = (id) => {
   animation-delay: 0s;
 }
 
+.item-ma1 {
+  width: 14vw;
+  top: 47vw;
+  left: 4.4vw;
+}
+
 @keyframes loginloading {
   0% {
     transform: rotate(0deg);