|
|
@@ -16,7 +16,7 @@
|
|
|
<input type="text" v-model="phone" placeholder="输入联通手机号">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="buyBox" @click="openIframe">立即办理</div>
|
|
|
+ <div class="buyBox" @click="buyClick">立即办理</div>
|
|
|
<div class="privacyBox">
|
|
|
<van-checkbox v-model="checked" checked-color="#4276fe">
|
|
|
<div>
|
|
|
@@ -70,6 +70,15 @@ export default {
|
|
|
this.phone = Base64.decode(res.mobile)
|
|
|
}
|
|
|
}
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ buyClick () {
|
|
|
+ if (this.checked == false) {
|
|
|
+ this.$toast('请勾选隐私声明')
|
|
|
+ } else {
|
|
|
+ this.openIframe()
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -112,8 +121,8 @@ export default {
|
|
|
.infoPhone {
|
|
|
width: 100%;
|
|
|
height: 120px;
|
|
|
- font-size: 30px;
|
|
|
- line-height: 170px;
|
|
|
+ font-size: 40px;
|
|
|
+ // line-height: 170px;
|
|
|
font-weight: 700;
|
|
|
color: #000000;
|
|
|
text-align: left;
|
|
|
@@ -124,6 +133,9 @@ export default {
|
|
|
border: none;
|
|
|
outline: none;
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding-top: 50px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
}
|
|
|
}
|
