Merge branch 'finalv3' of https://gitee.com/wydhhh/software-engineering into finalv3

src/view/mainWindow/Guide.vue

@@ -23,16 +23,16 @@
             </div>
           </div>
           
-          <!-- 卡片2: 单击操作（双指） -->
+          <!-- 卡片2: 单击操作（食指 + 大拇指上举） -->
           <div class="card">
             <div class="card-icon">
               <div class="icon-circle">
-                <span class="icon-symbol">✌️</span>
+                <span class="icon-symbol">🖱️</span>
               </div>
             </div>
             <div class="card-content">
-              <h3 class="card-title">{{ $t('单击操作') }}</h3>
-              <p class="card-description">{{ $t('双指举起执行鼠标单击') }}</p>
+              <h3 class="card-title">{{ $t('鼠标左键点击') }}</h3>
+              <p class="card-description">{{ $t('食指 + 大拇指上举执行点击') }}</p>
             </div>
           </div>
           
@@ -160,6 +160,51 @@
               <p class="card-description">{{ $t('单手张开1.5秒 暂停/继续 手势识别') }}</p>
             </div>
           </div>
+
+          <div style="grid-column: span 3; font-weight: bold; color: #333;">
+            🎮 {{ $t("游戏控制手势") }}
+          </div>
+
+
+          <!-- 卡片10: 向右移动 -->
+          <div class="card">
+            <div class="card-icon">
+              <div class="icon-circle">
+                <span class="icon-symbol">👉</span>
+              </div>
+            </div>
+            <div class="card-content">
+              <h3 class="card-title">{{ $t('向右移动') }}</h3>
+              <p class="card-description">{{ $t('拇指上抬、其余手指收起触发角色向右移动') }}</p>
+            </div>
+          </div>
+
+          <!-- 卡片11: 跳跃 -->
+          <div class="card">
+            <div class="card-icon">
+              <div class="icon-circle">
+                <span class="icon-symbol">🕹️</span>
+              </div>
+            </div>
+            <div class="card-content">
+              <h3 class="card-title">{{ $t('跳跃') }}</h3>
+              <p class="card-description">{{ $t('食指、中指上举执行跳跃') }}</p>
+            </div>
+          </div>
+
+          <!-- 卡片12: 右跳跃 -->
+          <div class="card">
+            <div class="card-icon">
+              <div class="icon-circle">
+                <span class="icon-symbol">🚀</span>
+              </div>
+            </div>
+            <div class="card-content">
+              <h3 class="card-title">{{ $t('右跳跃') }}</h3>
+              <p class="card-description">{{ $t('拇指、食指、中指上举执行右跳跃') }}</p>
+            </div>
+          </div>
+
         </div>
       </n-card>
     </div>

src/view/mainWindow/Home.vue

@@ -92,11 +92,42 @@
             <button class="add-btn">+ 添加手势</button>
           </div>
           <div class="gesture-grid">
-            <div class="gesture-item" v-for="i in 6" :key="i">
+            <div class="gesture-item">
+              <div class="gesture-icon">👆</div>
+              <div class="gesture-name">光标控制</div>
+              <div class="gesture-action">竖起食指滑动控制光标位置</div>
+            </div>
+
+            <div class="gesture-item">
+              <div class="gesture-icon">🖱️</div>
+              <div class="gesture-name">鼠标左键点击</div>
+              <div class="gesture-action">食指 + 拇指上举执行点击</div>
+            </div>
+
+            <div class="gesture-item">
+              <div class="gesture-icon">🤘</div>
+              <div class="gesture-name">Rock 手势点击</div>
+              <div class="gesture-action">Rock手势执行鼠标单击</div>
+            </div>
+
+            <div class="gesture-item">
               <div class="gesture-icon">👌</div>
-              <div class="gesture-name">OK手势</div>
-              <div class="gesture-action">暂停媒体</div>
+              <div class="gesture-name">滚动控制</div>
+              <div class="gesture-action">okay手势控制页面滚动</div>
             </div>
+
+            <div class="gesture-item">
+              <div class="gesture-icon">🖐️</div>
+              <div class="gesture-name">全屏控制</div>
+              <div class="gesture-action">四根手指上举触发快捷键</div>
+            </div>
+
+            <div class="gesture-item">
+              <div class="gesture-icon">🔙</div>
+              <div class="gesture-name">退格</div>
+              <div class="gesture-action">拳头手势发送退格键</div>
+            </div>
+
           </div>
         </div>