feat: 兑换按钮样式调整

apps/jy-pc/src/views/equity/Exchange.vue

@@ -654,6 +654,7 @@ export default {
     cursor: pointer;
     &.is-active {
       background-color: #2abed1;
+      border-color: #2abed1;
       color: #fff;
     }
   }

apps/mobile/src/views/equitycenter/index.vue

@@ -395,6 +395,20 @@
         </div>
       </div>
     </van-dialog>
+    <van-dialog
+      v-model="showOtherErrorTip"
+      class-name="j-confirm-dialog"
+      confirm-button-text="我知道了"
+      title="获取失败"
+    >
+      <div class="records-item show-result-dialog" style='padding-top: 16px'>
+        <div class="records-line" style='text-align: center'>
+          <span class="records-line-right">
+            {{ showOtherErrorTipText }}
+          </span>
+        </div>
+      </div>
+    </van-dialog>
   </div>
 </template>
 
@@ -475,6 +489,8 @@ export default {
         text: '',
         show: false
       },
+      showOtherErrorTip: true,
+      showOtherErrorTipText: '库存不足，请联系客服',
       activeType: 0
     }
   },
@@ -652,14 +668,15 @@ export default {
           this.showOtherSuccessTip = true
           this.getOtherInfo()
         } else {
-          this.thirdErrorTip.show = true
-          this.thirdErrorTip.text = res.error_msg || '兑换失败'
+          this.showOtherErrorTip = true
+          this.showOtherErrorTipText = res.error_msg || '兑换失败'
           // this.$toast(res.error_msg || '兑换失败')
         }
       })
-        .catch(() => {
-          this.$toast('获取失败')
-        })
+      .catch(() => {
+        this.showOtherErrorTip = true
+        this.showOtherErrorTipText = '兑换失败'
+      })
     },
     getOtherProductInfo({ product_id, account_id }) {
       ajaxGetActivityEquityProductList({
@@ -730,6 +747,10 @@ export default {
     height: 100%;
 
     ::v-deep {
+      .van-tabs__wrap {
+        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+        padding-bottom: 4px;
+      }
       .van-tabs__content {
         flex: 1;
         overflow-y: scroll;
@@ -823,6 +844,7 @@ export default {
 .other-equity-exchange-select-group {
   padding: 11px 16px;
   background-color: #fff;
+  box-shadow: 0px -0.5px 0px 0px rgba(0, 0, 0, 0.05) inset;
   .other-equity-exchange-select-item {
     display: inline-block;
     border: 1px solid rgba(0, 0, 0, 0.1);
@@ -835,6 +857,7 @@ export default {
     border-radius: 4px;
     &.is-active {
       background-color: #2ABED1;
+      border-color: #2ABED1;
       color: #fff;
     }
   }