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 { ...@@ -21,7 +21,6 @@ export default {
21 }, 21 },
22 methods: { 22 methods: {
23 downloadHandle(item) { 23 downloadHandle(item) {
24 console.log(item);
25 if (item.download) { 24 if (item.download) {
26 location.href = item.download; 25 location.href = item.download;
27 } 26 }
......
...@@ -574,6 +574,7 @@ export default { ...@@ -574,6 +574,7 @@ export default {
574 this.mobileOptions.forEach(element => { 574 this.mobileOptions.forEach(element => {
575 if (element.type == this.mobileNoType) { 575 if (element.type == this.mobileNoType) {
576 this.$set(this, 'mobileTip', element); 576 this.$set(this, 'mobileTip', element);
577 console.log(this.mobileTip);
577 } 578 }
578 }) 579 })
579 this.errorTips.oe1 = ""; 580 this.errorTips.oe1 = "";
......
...@@ -12,13 +12,13 @@ ...@@ -12,13 +12,13 @@
12 height: $marginMedium; 12 height: $marginMedium;
13 } 13 }
14 14
15
15 .box { 16 .box {
16 position: relative; 17 position: relative;
17 } 18 }
18 19
19 .ipt-tel { 20 .ipt-tel {
20 flex-grow: 1; 21 flex-grow: 1;
21 padding-left: 1.666667rem ;
22 } 22 }
23 23
24 .ebg { 24 .ebg {
...@@ -150,6 +150,13 @@ ...@@ -150,6 +150,13 @@
150 position: relative; 150 position: relative;
151 margin-top: 3.25rem; 151 margin-top: 3.25rem;
152 152
153 .area-code {
154 border: transparent !important;
155 background-color: transparent;
156 margin: 0;
157 padding: 0;
158 }
159
153 .label { 160 .label {
154 font-size: $fontSizeTitle; 161 font-size: $fontSizeTitle;
155 font-weight: bold; 162 font-weight: bold;
...@@ -173,6 +180,7 @@ ...@@ -173,6 +180,7 @@
173 .ipt { 180 .ipt {
174 flex: 1; 181 flex: 1;
175 letter-spacing: .1rem; 182 letter-spacing: .1rem;
183 padding: 0 2.5rem 0 2rem;
176 } 184 }
177 185
178 // 长文本 186 // 长文本
...@@ -183,10 +191,13 @@ ...@@ -183,10 +191,13 @@
183 191
184 .down-arrow { 192 .down-arrow {
185 position: absolute; 193 position: absolute;
186 top: 2.2rem; 194 top: 2.0rem;
187 right: 2rem; 195 right: 1rem;
188 } 196 }
189 197
198 .region-tel {
199 margin-right: .8rem;
200 }
190 201
191 .verify-btn { 202 .verify-btn {
192 @extend .fcc; 203 @extend .fcc;
......
...@@ -87,23 +87,28 @@ ...@@ -87,23 +87,28 @@
87 </div> 87 </div>
88 <div class="gird-g form"> 88 <div class="gird-g form">
89 89
90 <div class="pure-u-1 form-item"> 90 <!-- <div class="pure-u-1 form-item">
91 <div class="ipt-wrap"> 91 <div class="ipt-wrap">
92 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 92 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
93 <select class="ipt" v-model="mobileNoType"> 93 <select class="ipt" v-model="mobileNoType">
94 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option> 94 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option>
95 </select> 95 </select>
96 </div> 96 </div>
97 </div> 97 </div> -->
98 <div class="pure-u-1 form-item"> 98 <div class="pure-u-1 form-item">
99
100 <div class="label"> 99 <div class="label">
101 <img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}} 100 <img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}}
102 </div> 101 </div>
103 <div class="ipt-wrap"> 102 <div class="ipt-wrap">
103 <div class="region-tel ipt-wrap">
104 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
105 <select class="ipt" v-model="mobileNoType">
106 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.areaCode}}</option>
107 </select>
108 </div>
109
104 <div class="ipt ipt2" :class="{err : errorTips.oe1.length > 0}"> 110 <div class="ipt ipt2" :class="{err : errorTips.oe1.length > 0}">
105 <div class="region-tel">{{mobileTip.areaCode}}</div> 111 <input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" :class="{ err : errorTips.oe1.length > 0 }" v-model="loginForm.mobileNo">
106 <input :placeholder="$t('login.mobilePlaceholder')" class="ipt-tel" type="text" :class="{ err : errorTips.oe1.length > 0 }" v-model="loginForm.mobileNo">
107 </div> 112 </div>
108 </div> 113 </div>
109 <div class="validator" v-if="errorTips.oe1.length > 0 "> 114 <div class="validator" v-if="errorTips.oe1.length > 0 ">
......
...@@ -534,6 +534,7 @@ export default { ...@@ -534,6 +534,7 @@ export default {
534 if (element.type == this.mobileNoType) { 534 if (element.type == this.mobileNoType) {
535 this.$set(this, 'mobileTip', element); 535 this.$set(this, 'mobileTip', element);
536 } 536 }
537 this.errorTips.p1 = "";
537 }) 538 })
538 }, 539 },
539 'registerForm.mobileNo': function () { 540 'registerForm.mobileNo': function () {
......
...@@ -16,6 +16,10 @@ ...@@ -16,6 +16,10 @@
16 position: relative; 16 position: relative;
17 } 17 }
18 18
19 .ipt-tel {
20 flex-grow: 1;
21 }
22
19 .ebg { 23 .ebg {
20 background: url('~@/assets/images/common/login-bg.png') center no-repeat; 24 background: url('~@/assets/images/common/login-bg.png') center no-repeat;
21 width: 100%; 25 width: 100%;
...@@ -180,6 +184,7 @@ ...@@ -180,6 +184,7 @@
180 .ipt { 184 .ipt {
181 flex: 1; 185 flex: 1;
182 letter-spacing: .1rem; 186 letter-spacing: .1rem;
187 padding: 0 2.5rem 0 2rem;
183 } 188 }
184 189
185 // 长文本 190 // 长文本
...@@ -190,8 +195,12 @@ ...@@ -190,8 +195,12 @@
190 195
191 .down-arrow { 196 .down-arrow {
192 position: absolute; 197 position: absolute;
193 top: 2.2rem; 198 top: 2.0rem;
194 right: 2rem; 199 right: 1rem;
200 }
201
202 .region-tel {
203 margin-right: .8rem;
195 } 204 }
196 205
197 206
...@@ -216,7 +225,7 @@ ...@@ -216,7 +225,7 @@
216 225
217 .ipt-tel { 226 .ipt-tel {
218 flex: 1; 227 flex: 1;
219 padding-left: 1.75rem; 228 // padding-left: 1.75rem;
220 } 229 }
221 230
222 .ipt-code { 231 .ipt-code {
......
...@@ -23,18 +23,25 @@ ...@@ -23,18 +23,25 @@
23 </div> 23 </div>
24 <div class="login-tit2">{{$t('register.title')}}</div> 24 <div class="login-tit2">{{$t('register.title')}}</div>
25 <div class="gird-g form"> 25 <div class="gird-g form">
26 <div class="pure-u-1 form-item"> 26 <!-- <div class="pure-u-1 form-item">
27 <div class="ipt-wrap"> 27 <div class="ipt-wrap">
28 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 28 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
29 <select class="ipt" v-model="mobileNoType"> 29 <select class="ipt" v-model="mobileNoType">
30 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option> 30 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.name}}</option>
31 </select> 31 </select>
32 </div> 32 </div>
33 </div> 33 </div> -->
34 <div class="pure-u-1 form-item"> 34 <div class="pure-u-1 form-item">
35 <div class="ipt-wrap"> 35 <div class="ipt-wrap">
36
37 <div class="region-tel ipt-wrap">
38 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
39 <select class="ipt" v-model="mobileNoType">
40 <option v-for="(item,index) in mobileOptions" :key="index" :value="item.type">{{item.areaCode}}</option>
41 </select>
42 </div>
43
36 <div class="ipt ipt2" :class="{err : errorTips.p1.length > 0}"> 44 <div class="ipt ipt2" :class="{err : errorTips.p1.length > 0}">
37 <div class="region-tel">{{mobileTip.areaCode}}</div>
38 <input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" v-model="registerForm.mobileNo"> 45 <input :placeholder="mobileTip.placeHolder" class="ipt-tel" type="text" v-model="registerForm.mobileNo">
39 </div> 46 </div>
40 </div> 47 </div>
......