Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
b4da88d9 by joe
Options

修改注册、登录样式

1 parent 533e5758
Expand all
Inline Side-by-side
Showing 82 changed files with 48 additions and 15 deletions
......@@ -21,7 +21,6 @@ export default {
},
methods: {
downloadHandle(item) {
console.log(item);
if (item.download) {
location.href = item.download;
}
......
......@@ -574,6 +574,7 @@ export default {
this.mobileOptions.forEach(element => {
if (element.type == this.mobileNoType) {
this.$set(this, 'mobileTip', element);
console.log(this.mobileTip);
}
})
this.errorTips.oe1 = "";
......
......@@ -12,13 +12,13 @@
height: $marginMedium;
}
.box {
position: relative;
}
.ipt-tel {
flex-grow: 1;
padding-left: 1.666667rem ;
}
.ebg {
......@@ -150,6 +150,13 @@
position: relative;
margin-top: 3.25rem;
.area-code {
border: transparent !important;
background-color: transparent;
margin: 0;
padding: 0;
}
.label {
font-size: $fontSizeTitle;
font-weight: bold;
......@@ -173,6 +180,7 @@
.ipt {
flex: 1;
letter-spacing: .1rem;
padding: 0 2.5rem 0 2rem;
}
// 长文本
......@@ -183,10 +191,13 @@
.down-arrow {
position: absolute;
top: 2.2rem;
right: 2rem;
top: 2.0rem;
right: 1rem;
}
.region-tel {
margin-right: .8rem;
}
.verify-btn {
@extend .fcc;
......
......@@ -87,23 +87,28 @@
</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<!-- <div class="pure-u-1 form-item">
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt" v-model="mobileNoType">
<option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option>
</select>
</div>
</div>
</div> -->
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}}
</div>
<div class="ipt-wrap">
<div class="region-tel ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt" v-model="mobileNoType">
<option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.areaCode}}</option>
</select>
</div>
<div class="ipt ipt2" :class="{err : errorTips.oe1.length > 0}">
<div class="region-tel">{{mobileTip.areaCode}}</div>
<input :placeholder="$t('login.mobilePlaceholder')" class="ipt-tel" type="text" :class="{ err : errorTips.oe1.length > 0 }" v-model="loginForm.mobileNo">
<input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" :class="{ err : errorTips.oe1.length > 0 }" v-model="loginForm.mobileNo">
</div>
</div>
<div class="validator" v-if="errorTips.oe1.length > 0 ">
......
......@@ -534,6 +534,7 @@ export default {
if (element.type == this.mobileNoType) {
this.$set(this, 'mobileTip', element);
}
this.errorTips.p1 = "";
})
},
'registerForm.mobileNo': function () {
......
......@@ -16,6 +16,10 @@
position: relative;
}
.ipt-tel {
flex-grow: 1;
}
.ebg {
background: url('~@/assets/images/common/login-bg.png') center no-repeat;
width: 100%;
......@@ -180,6 +184,7 @@
.ipt {
flex: 1;
letter-spacing: .1rem;
padding: 0 2.5rem 0 2rem;
}
// 长文本
......@@ -190,8 +195,12 @@
.down-arrow {
position: absolute;
top: 2.2rem;
right: 2rem;
top: 2.0rem;
right: 1rem;
}
.region-tel {
margin-right: .8rem;
}
......@@ -216,7 +225,7 @@
.ipt-tel {
flex: 1;
padding-left: 1.75rem;
// padding-left: 1.75rem;
}
.ipt-code {
......
......@@ -23,18 +23,25 @@
</div>
<div class="login-tit2">{{$t('register.title')}}</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<!-- <div class="pure-u-1 form-item">
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt" v-model="mobileNoType">
<option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option>
</select>
</div>
</div>
</div> -->
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<div class="region-tel ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt" v-model="mobileNoType">
<option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.areaCode}}</option>
</select>
</div>
<div class="ipt ipt2" :class="{err : errorTips.p1.length > 0}">
<div class="region-tel">{{mobileTip.areaCode}}</div>
<input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" v-model="registerForm.mobileNo">
</div>
</div>
......