From b876aac28a1c616a563a36bcebe41a2dcac44c45 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Thu, 23 Jan 2025 19:41:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(components):=20=E4=BF=AE=E5=A4=8D=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E6=8C=89=E9=92=AE=E7=8A=B6=E6=80=81=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 x-button 组件中添加 event.stopPropagation() 以防止事件冒泡- 更新 SideButton 组件中的事件处理方式，确保点击事件正确触发
---
 app/components/x-button/index.vue             | 22 +++++++++----------
 .../liveRoom/components/SideButton/index.vue  |  4 ++--
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/app/components/x-button/index.vue b/app/components/x-button/index.vue
index 55352a5..0ce0d30 100644
--- a/app/components/x-button/index.vue
+++ b/app/components/x-button/index.vue
@@ -1,30 +1,28 @@
 <script setup>
-/*
-* 此组件的目的是使用该组件包裹的内容具有按压状态效果
-* */
-import {ref, defineEmits} from "vue";
-
-const emit = defineEmits(["click"]);
+import { ref } from "vue";
 
 const isButtonActive = ref(false);
 
-const handleButtonPress = () => {
+const handleButtonPress = (event) => {
+  event.stopPropagation();
   isButtonActive.value = true;
 };
-const handleButtonRelease = () => {
+
+const handleButtonRelease = (event) => {
+  event.stopPropagation();
   isButtonActive.value = false;
-  emit("click")
 };
 </script>
+
 <template>
   <div
       :class="[
       'transition-all duration-200',
       isButtonActive ? 'scale-95' : ''
     ]"
-      @touchstart="handleButtonPress"
-      @touchend="handleButtonRelease"
+      @touchstart.stop="handleButtonPress"
+      @touchend.stop="handleButtonRelease"
   >
     <slot></slot>
   </div>
-</template>
+</template>
\ No newline at end of file
diff --git a/app/pages/liveRoom/components/SideButton/index.vue b/app/pages/liveRoom/components/SideButton/index.vue
index 1c9980c..c06d22d 100644
--- a/app/pages/liveRoom/components/SideButton/index.vue
+++ b/app/pages/liveRoom/components/SideButton/index.vue
@@ -18,8 +18,8 @@ getSocketData()
 <template>
   <div class="bg-white w-60px rounded-l-4px overflow-hidden">
     <!-- 拍品信息 -->
-    <x-button>
-      <div @click="openOne" class="w-60px h-60px text-center border-b border-gray-300 flex flex-col justify-center items-center text-#7D7D7F text-12px">
+    <x-button @click="openOne">
+      <div  class="w-60px h-60px text-center border-b border-gray-300 flex flex-col justify-center items-center text-#7D7D7F text-12px">
         <div>拍品</div>
         <div>({{auctionData?.artwork?.index}}/{{pageRef.itemCount??0}})</div>
       </div>