✨ feat: 云闪付页面调整

ysf.css

@@ -142,7 +142,9 @@ body {
   color: rgb(163, 160, 163);
   text-align: center;
 }
-
+.disable {
+  background-color: rgb(253 138 142) !important;
+}
 .information {
   text-align: center;
 }
@@ -190,6 +192,7 @@ body {
 .form-note {
   color: red;
   font-size: 0.11rem;
+  margin-bottom: 0.25rem;
 }
 
 .text-center {
@@ -205,7 +208,6 @@ body {
   font-size: 0.15rem;
   color: white;
   background: rgb(238 25 32);
-  margin-top: 0.25rem;
 }
 
 .illustrate {

ysf.html

@@ -38,11 +38,14 @@
                 <p class="type">{{ysf.entity.cash_amount_type==='1'?'固额红包':'随机红包'}}</p>
             </div>
             <div class="form">
+                <div v-if="ysf.available===1">
                     <p class="form-label">云闪付账号</p>
                     <input class="form-input" v-model="account" type="text" placeholder="请输入手机号" />
                     <input class="form-input mt0" v-model="confirmAccount" type="text" placeholder="请再次输入手机号" />
                     <p class="form-note">您可在云闪付的个人信息中查看【云闪付账号】</p>
-                <button class="form-button" @click="submit">立即领取</button>
+                </div>
+                <button :class="ysf.available!==1?'disable':''" class="form-button"
+                    @click="submit">{{ysf.available===1?'立即领取':'已领取'}}</button>
             </div>
             <div class=" segmentation">
                 <i class="left"></i>
@@ -114,6 +117,7 @@
         methods: {
             /* 立即领取 */
             submit () {
+                if (this.ysf.entity.available !== 1) return;
                 if ((phoneReg.test(this.account) || emailReg.test(this.account)) && this.confirmAccount) {
                     if (this.account === this.confirmAccount) {
                         this.finalSubmit();