update

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;