You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.2 KiB
74 lines
2.2 KiB
|
|
<template>
|
|
<div class="put-money">
|
|
<div class="page-top">
|
|
<a @click="goBack()"><img src="../assets/images/my-money/left.png"/></a>
|
|
<span>提现申请</span>
|
|
</div>
|
|
<div class="page-content">
|
|
<div class="content-box">
|
|
<div class="account">
|
|
<div>
|
|
<span>到账账号：</span>
|
|
<img src="../assets/images/put-money/money-icon.png" alt="">
|
|
<span>微信钱包零钱</span>
|
|
</div>
|
|
<p>1-3个工作日到账</p>
|
|
</div>
|
|
<div class="cash">
|
|
<div class="cash-cue">提现现金 <span v-bind:class="{ active: isActive }">{{inputCue}}</span></div>
|
|
<label for="" class="money">
|
|
<span>￥</span>
|
|
<input type="text" placeholder="输入现金金额" v-model="inputVal" v-on:change="inputValRule()">
|
|
</label>
|
|
<p>可提现余额：<span>800</span></p>
|
|
<button class="ative">提交申请</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--弹出框-->
|
|
<!--提现上限-->
|
|
<div id="upper-limit" style="display:none">
|
|
<img src="../assets/images/put-money/cue.png" alt="">
|
|
<p>已达本月提现5次上限</p>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default{
|
|
data() {
|
|
return {
|
|
inputCue : '(请输入整数金额)',
|
|
//默认一开始输入款的值不符合验证规则
|
|
isActive:false,
|
|
inputVal: null,
|
|
}
|
|
},
|
|
methods:{
|
|
//验证输入款的值
|
|
inputValRule() {
|
|
var num = this.inputVal
|
|
var rule = /^[1-9]\d*$/;
|
|
if (!rule.test(num)) {
|
|
this.inputCue = '( 请输入正整数金额！)'
|
|
this.inputVal = ''
|
|
this.isActive = true
|
|
return
|
|
}
|
|
},
|
|
//返回上一页
|
|
goBack() {
|
|
history.go(-1)
|
|
}
|
|
},
|
|
mounted() {
|
|
//this.isWeixin ()
|
|
}
|
|
}
|
|
</script>
|