HandOver-liuwu
/
mobileclient
mirror of https://codeup.aliyun.com/lsxd/marketing/mobileclient.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 云闪付页面调整

This commit is contained in:
wangsongsole 2023-07-11 19:55:15 +08:00
parent 2cb7d751a0
commit 21542f7db0
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ysf.css
View File

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

14
ysf.html
View File

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