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>