update

src/components/GamePage.vue

@@ -37,6 +37,10 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['close'])
+const handleGoBack = () => {
+  // globalToastEvent.emit(ToastType.SHOW_GAMEPAGE)
+  emit('close')
+}
 
 const gameImgMap = {
   1: game1,
@@ -86,10 +90,6 @@ const circularArea = computed(() => {
   return circularAreaList[id] || circularAreaList[1];
 })
 
-const handleGoBack = () => {
-  emit('close')
-}
-
 // 点击隐藏区域显示抽奖弹窗
 const handleShowLottery = async () => {
   const loading = weui.loading()

src/components/GameSwiper.vue

@@ -28,8 +28,18 @@
               :key="index" 
               :class="['carousel-slide', { active: currentIndex === index }]"
             >
-              <img v-show="slide.show" class="complete-icon" src="../assets/images/new/complete-icon.png" alt="">
+              <img v-show="slide.show" class="complete-icon" src="../assets/images/new/complete-icon.png" alt="已完成">
               <img :src="slide.image" :alt="slide.title" />
+
+              <div class="shou-dev">
+                <div class="show-position">
+                  <div class="action-btn">
+                    <img class="shou-click" src="../assets/images/new/pre-icon.png" alt="左" />
+                    <img class="shou-click" src="../assets/images/new/next-icon.png" alt="右" />
+                  </div>
+                  <img class="shou-btn" src="../assets/images/new/shouzhi.png" alt="手" />
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -254,6 +264,90 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
+/* 手指轻微上下浮动 */
+.shou-dev .shou-btn {
+  width: 25vw;
+  position: absolute;
+  top: 7vw;
+  left: 20vw;
+  animation: hand-bounce 1.2s ease-in-out infinite;
+  transform-origin: center bottom;
+}
+
+@keyframes hand-bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-6px); /* 上浮一点点 */
+  }
+}
+
+/* 确保按钮容器居中，方便做左右位移动画 */
+.action-btn {
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+/* 左箭头 向左轻微移动 */
+.action-btn .shou-click:first-child {
+  width: 24vw;
+  animation: arrow-left-move 1.2s ease-in-out infinite;
+}
+
+@keyframes arrow-left-move {
+  0%, 100% {
+    transform: translateX(0);
+    opacity: 0.6;
+  }
+  50% {
+    transform: translateX(-6px); /* 往左移动一点 */
+    opacity: 1;
+  }
+}
+
+/* 右箭头 向右轻微移动 */
+.action-btn .shou-click:last-child {
+  width: 24vw;
+  animation: arrow-right-move 1.2s ease-in-out infinite;
+}
+
+@keyframes arrow-right-move {
+  0%, 100% {
+    transform: translateX(0);
+    opacity: 0.6;
+  }
+  50% {
+    transform: translateX(6px); /* 往右移动一点 */
+    opacity: 1;
+  }
+}
+.show-position {
+  position: relative;
+}
+.shou-dev {
+  position: absolute;
+  top: 50vw;
+  left: 11vw;
+}
+.shou-dev .shou-btn {
+  width: 25vw;
+  position: absolute;
+  top: 7vw;
+  left: 20vw;
+}
+.action-btn {
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+}
+.action-btn .shou-click {
+  width: 24vw;
+}
+
 .complete-icon {
   width: 14vw !important;
   position: absolute;

src/components/HomePage.vue

@@ -448,7 +448,7 @@ const handleAddress = (id) => {
         <img src="../assets/images/new/task.png" alt="任务">
       </div>
 
-      <div @click="toggleMusicState">
+      <div @click="toggleMusicState" :class="{ 'show-music-btn': gameSwiperShow || gamePageShow }">
         <div v-if="isMusicOn" key="on" class="scene-item item-4">
           <img src="../assets/images/new/music.png" alt="音乐开">
         </div>
@@ -534,6 +534,9 @@ const handleAddress = (id) => {
 </template>
 
 <style scoped>
+.show-music-btn {
+  z-index: 11;
+}
 .logo {
   top: 4vw;
   width: 24vw;
@@ -831,7 +834,6 @@ const handleAddress = (id) => {
   top: 8vw;
   right: 4vw;
   animation-delay: 0s;
-  z-index: 999;
 }
 
 .item-5 {

src/components/PopupMore.vue

@@ -51,7 +51,7 @@ const startNow = () => {
 .home-wrapper {
   width: 100vw;
   height: 217vw;
-  background-image: url("../assets/images/new/share-bg.png");
+  background-image: url("../assets/images/new/share-bg1.png");
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;