1

pages/activities/index.vue

@@ -111,7 +111,7 @@
                                         <view class="crm-one-font"></view>
                                         <view class="d-flex flex-wrap gap-2">
                                             <view
-                                                :class="['btn waves-effect waves-light', monthlyGive ? 'btn-danger' : 'btn-disabled']"
+                                                :class="['btn waves-effect waves-light', monthlyGive ? 'btn-danger' : 'disabled']"
                                                 @click="openSurplusActivityDialog1()">
                                                 <text v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text>
                                             </view>
@@ -154,7 +154,7 @@
                                         <p class="crm-one-font" v-t="'surplusList.item2'"></p>
                                         <view class="d-flex flex-wrap gap-2">
                                             <view
-                                                :class="['btn mb-3 waves-effect waves-light', surplusGive ? 'btn-danger' : 'btn-disabled']"
+                                                :class="['btn mb-3 waves-effect waves-light', surplusGive ? 'btn-danger' : 'disabled']"
                                                 @click="openSurplusActivityDialog()">
                                                 <text v-t="'news_add_field1.activities10_trading_aoyun.item3'"></text>
                                             </view>
@@ -208,7 +208,7 @@
                                                 v-if="tableDataCpt.signStatus == 0" @click="toApplyCptOpen()">
                                                 <text v-t="'news_add_field1.activitiesJYDS.item3'"></text>
                                             </view>
-                                            <view class="btn btn-disabled  waves-effect waves-light"
+                                            <view class="btn disabled  waves-effect waves-light"
                                                 v-if="tableDataCpt.signStatus == 1">
                                                 <text v-t="'news_add_field1.activitiesJYDS.item3_1'"></text>
                                             </view>
@@ -249,7 +249,7 @@
                                         <p class="crm-one-font">{{ item.subTitle }}</p>
                                         <view class="d-flex flex-wrap gap-2">
                                             <view
-                                                :class="['btn  waves-effect waves-light', item.valid == 1 ? 'btn-danger' : 'btn-disabled']"
+                                                :class="['btn  waves-effect waves-light', item.valid == 1 ? 'btn-danger' : 'disabled']"
                                                 @click="toActivity24nianzhong()">
                                                 <text v-t="'Custom.Activity.Apply'"></text>
                                             </view>
@@ -286,7 +286,7 @@
                                         <p class="crm-one-font">{{ item.subTitle }}</p>
                                         <view class="d-flex flex-wrap gap-2">
                                             <view
-                                                :class="['btn mb-3 waves-effect waves-light', overdue(item.startTime, item.endTime) ? 'btn-danger' : 'btn-disabled']"
+                                                :class="['btn mb-3 waves-effect waves-light', overdue(item.startTime, item.endTime) ? 'btn-danger' : 'disabled']"
                                                 @click="applications(item)">
                                                 <text v-t="'Custom.Activity.Apply'"></text>
                                             </view>

static/scss/global/vu.css

@@ -3076,12 +3076,13 @@ textarea.form-control-lg {
   box-shadow: var(--bs-btn-focus-box-shadow);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
-  color: var(--bs-btn-disabled-color);
   pointer-events: none;
-  background-color: var(--bs-btn-disabled-bg);
-  border-color: var(--bs-btn-disabled-border-color);
   opacity: var(--bs-btn-disabled-opacity);
 }
+.btn.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
 
 .btn-primary {
   --bs-btn-color: #ffffff;