✨ feat: 云闪付页面调整
This commit is contained in:
parent
2cb7d751a0
commit
21542f7db0
6
ysf.css
6
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 {
|
||||
|
|
14
ysf.html
14
ysf.html
|
@ -38,11 +38,14 @@
|
|||
<p class="type">{{ysf.entity.cash_amount_type==='1'?'固额红包':'随机红包'}}</p>
|
||||
</div>
|
||||
<div class="form">
|
||||
<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 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>
|
||||
</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();
|
||||
|
|
Loading…
Reference in New Issue