From a14334a19f82775bede96fa6134151f756c84fb6 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Sun, 13 Apr 2025 19:57:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/detail-button/detail-button.vue | 28 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/components/detail-button/detail-button.vue b/components/detail-button/detail-button.vue
index e83f515..6267e2f 100644
--- a/components/detail-button/detail-button.vue
+++ b/components/detail-button/detail-button.vue
@@ -3,10 +3,15 @@
   <view class="ft-fixed">
     <scroll-view class="button-scroll" scroll-x show-scrollbar="false" enhanced>
       <view class="button-container">
-        <!-- 按钮1 -->
-        <view v-if="checkVisible(1)" class="btn common_bg column center"
+        <!-- 按钮1 (小按钮) - 当有多个按钮显示时才显示 -->
+        <view v-if="checkVisible(1) && !onlyButton1Visible" class="btn common_bg column center"
           :style="{ backgroundImage: `url(${$img1('common/chouBtn1.png')})` }" @click="handleButtonClick(1)">
         </view>
+        <!-- 只显示按钮1的时候，显示这个按钮，上面小的按钮隐藏 -->
+        <view v-if="checkVisible(1) && onlyButton1Visible" class="btn common_bg column center"
+          style="width: 260rpx;height:80rpx;" :style="{ backgroundImage: `url(${$img1('common/btn.png')})` }"
+          @click="handleButtonClick(1)">
+        </view>
 
         <!-- 按钮3 -->
         <view v-if="checkVisible(3)" class="btn common_bg column center"
@@ -23,11 +28,11 @@
           :style="{ backgroundImage: `url(${$img1('common/chouBtn10.png')})` }" @click="handleButtonClick(10)">
         </view>
         <!-- 无限抽 -->
-        <view v-if="isWuxian && checkVisible(-1)" class="btn common_bg column center"
+        <!-- <view v-if="isWuxian && checkVisible(-1)" class="btn common_bg column center"
           style="background-color: #333333;border-radius: 15rpx;color: #CDEF27;font-size: 24rpx;font-family: PingFangSC, PingFang SC;letter-spacing: 2rpx;"
           @click="handleButtonClick(-1)">
           {{ wxtext }}
-        </view>
+        </view> -->
         <!-- 全部按钮 (仅在非无限模式显示) -->
         <view v-if="!isWuxian && checkVisible(0) && pageData.goods && pageData.goods.type != 5"
           class="btn common_bg column center" :style="{ backgroundImage: `url(${$img1('common/chouBtnAll.png')})` }"
@@ -58,6 +63,19 @@ export default {
   data() {
     return { wxtext: '十连抽' };
   },
+  computed: {
+    // 判断是否只有按钮1可见
+    onlyButton1Visible() {
+      const button1Visible = this.checkVisible(1);
+      const button3Visible = this.checkVisible(3);
+      const button5Visible = this.checkVisible(5);
+      const button10Visible = this.isWuxian && this.checkVisible(10);
+      const buttonAllVisible = !this.isWuxian && this.checkVisible(0) && this.pageData.goods && this.pageData.goods.type != 5;
+
+      // 如果只有按钮1可见，返回true，否则返回false
+      return button1Visible && !button3Visible && !button5Visible && !button10Visible && !buttonAllVisible;
+    }
+  },
   methods: {
     handleButtonClick(num) {
       console.log(num);
@@ -88,7 +106,7 @@ export default {
         }
         return false;
       }
-     
+
       if (this.pageData != null && this.pageData.limitInfo != null) {
         let limitInfo = this.pageData.limitInfo;
         if (limitInfo.global_limit > 0) {