From 4245a3f9470b1cc1ef4aee3c0a795e760e2cf73f Mon Sep 17 00:00:00 2001
From: zhangyibo95 <690096405@qq.com>
Date: Fri, 31 Jul 2026 11:16:34 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=8C=89=E9=92=AE=E7=89=B9=E6=95=88?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TargetPicker.vue   | 23 ++++++++++++++++++++---
 src/pages/training/difficulty.vue |  5 ++++-
 src/pages/training/index.vue      |  7 ++++---
 3 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/components/TargetPicker.vue b/src/components/TargetPicker.vue
index d68b819..c502817 100644
--- a/src/components/TargetPicker.vue
+++ b/src/components/TargetPicker.vue
@@ -1,12 +1,17 @@
 <script setup>
 import { ref, watch } from "vue";
 import SButton from "@/components/SButton.vue";
+import audioManager from "@/audioManager";
 
 const props = defineProps({
   show: {
     type: Boolean,
     default: false,
   },
+  clickSound: {
+    type: Boolean,
+    default: false,
+  },
   onClose: {
     type: Function,
     default: () => {},
@@ -39,7 +44,19 @@ watch(
   {}
 );
 
+const playClickSound = () => {
+  if (props.clickSound) {
+    audioManager.play("点击按钮");
+  }
+};
+
+const handleSelectTarget = (target) => {
+  playClickSound();
+  selectedTarget.value = target;
+};
+
 const handleConfirm = () => {
+  playClickSound();
   props.onConfirm(selectedTarget.value);
   props.onClose();
 };
@@ -70,14 +87,14 @@ const handleConfirm = () => {
       <view class="target-options">
         <view
           :class="{ 'target-btn': true, 'target-choosen': selectedTarget === 1 }"
-          @click="() => (selectedTarget = 1)"
+          @click="handleSelectTarget(1)"
         >
           <text>20厘米全环靶</text>
         </view>
         <view style="width: 30rpx"></view>
         <view
           :class="{ 'target-btn': true, 'target-choosen': selectedTarget === 2 }"
-          @click="() => (selectedTarget = 2)"
+          @click="handleSelectTarget(2)"
         >
           <text>40厘米全环靶</text>
         </view>
@@ -194,4 +211,4 @@ const handleConfirm = () => {
   color: #fed847;
   border: 4rpx solid #fed847;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/training/difficulty.vue b/src/pages/training/difficulty.vue
index 384d20d..83744f0 100644
--- a/src/pages/training/difficulty.vue
+++ b/src/pages/training/difficulty.vue
@@ -5,6 +5,7 @@ import Container from "@/components/Container.vue";
 import TrainingDifficultyBadge from "./components/TrainingDifficultyBadge.vue";
 import TrainingDifficultyPreviewCard from "./components/TrainingDifficultyPreviewCard.vue";
 import TrainingDifficultyStartButton from "./components/TrainingDifficultyStartButton.vue";
+import audioManager from "@/audioManager";
 import {
   createPractiseV2API,
   endPractiseAPI,
@@ -676,6 +677,8 @@ const handleSelectDifficulty = (node) => {
     return;
   }
 
+  audioManager.play("点击按钮");
+
   if (node.id === selectedDifficultyId.value) {
     return;
   }
@@ -810,7 +813,7 @@ onShow(() => {
       <view class="difficulty-page__start">
         <TrainingDifficultyStartButton
           :text="selectedDifficulty.startText"
-          @click="handleStart"
+          @click="$clickSound(handleStart)"
         />
       </view>
     </view>
diff --git a/src/pages/training/index.vue b/src/pages/training/index.vue
index 01b3f11..3687fe0 100644
--- a/src/pages/training/index.vue
+++ b/src/pages/training/index.vue
@@ -469,7 +469,7 @@ onShow(async () => {
       </view>
 
       <view class="radar-section">
-        <view class="record-bubble" @click="openTrainingRecord">
+        <view class="record-bubble" @click="$clickSound(openTrainingRecord)">
           <image
             class="record-bubble-bg"
             src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_28.png"
@@ -530,7 +530,7 @@ onShow(async () => {
         </view>
       </view>
 
-      <view class="featured-card" @click="openRoutineTraining">
+      <view class="featured-card" @click="$clickSound(openRoutineTraining)">
         <image
           class="featured-card-bg"
           src="https://static.shelingxingqiu.com/shootmini/static/training-home/img_22.png"
@@ -547,7 +547,7 @@ onShow(async () => {
           v-for="item in visibleTrainingItems"
           :key="item.id"
           class="mode-card"
-          @click="openTrainingItem(item)"
+          @click="$clickSound(() => openTrainingItem(item))"
         >
           <view v-if="item.id === recommendedTrainingId" class="mode-tag">
             推荐
@@ -572,6 +572,7 @@ onShow(async () => {
     </view>
     <TargetPicker
       :show="showRoutineTargetPicker"
+      :clickSound="true"
       :onClose="() => (showRoutineTargetPicker = false)"
       :onConfirm="handleRoutineTargetConfirm"
     />