|
@@ -10,21 +10,11 @@
|
10
|
10
|
<ul>
|
11
|
11
|
<li>
|
12
|
12
|
<span class="iconfont"></span>
|
13
|
|
- <input
|
14
|
|
- placeholder="请输入手机号"
|
15
|
|
- type="tel"
|
16
|
|
- class="tel"
|
17
|
|
- v-model="form.mobile"
|
18
|
|
- />
|
|
13
|
+ <input placeholder="请输入手机号" type="tel" class="tel" v-model="form.mobile" />
|
19
|
14
|
</li>
|
20
|
15
|
<li>
|
21
|
16
|
<span class="iconfont"></span>
|
22
|
|
- <input
|
23
|
|
- placeholder="请输入密码"
|
24
|
|
- type="password"
|
25
|
|
- class="tel"
|
26
|
|
- v-model="form.pwd"
|
27
|
|
- />
|
|
17
|
+ <input placeholder="请输入密码" type="password" class="tel" v-model="form.pwd" />
|
28
|
18
|
</li>
|
29
|
19
|
</ul>
|
30
|
20
|
</div>
|
|
@@ -39,15 +29,13 @@
|
39
|
29
|
:disabled="loginDisable"
|
40
|
30
|
>
|
41
|
31
|
登录
|
42
|
|
- </button> -->
|
|
32
|
+ </button>-->
|
43
|
33
|
<button
|
44
|
34
|
class="loginBtn"
|
45
|
35
|
@click="submitForm"
|
46
|
36
|
:class="loginDisable ? 'disableLoginBtn' : ''"
|
47
|
37
|
:disabled="loginDisable"
|
48
|
|
- >
|
49
|
|
- 登录
|
50
|
|
- </button>
|
|
38
|
+ >登录</button>
|
51
|
39
|
|
52
|
40
|
<!-- <router-link to="/forgetPassword"> -->
|
53
|
41
|
<div class="newForget" style="display:none">忘记密码</div>
|
|
@@ -57,6 +45,17 @@
|
57
|
45
|
<a href="">免密码登录</a>
|
58
|
46
|
<a href="">忘记密码?</a>
|
59
|
47
|
</div>-->
|
|
48
|
+ <div class="agree">
|
|
49
|
+ <el-checkbox v-model="agreement">
|
|
50
|
+ 我已阅读并同意
|
|
51
|
+ <!-- <router-link to="/privacyPolicy"> -->
|
|
52
|
+
|
|
53
|
+ <!-- </router-link> -->
|
|
54
|
+ </el-checkbox>
|
|
55
|
+ <!-- <router-link to="/privacyPolicy"> -->
|
|
56
|
+ <span class="agreeText" @click="agree">《隐私服务协议》</span>
|
|
57
|
+ <!-- </router-link> -->
|
|
58
|
+ </div>
|
60
|
59
|
</div>
|
61
|
60
|
</div>
|
62
|
61
|
</div>
|
|
@@ -77,7 +76,8 @@ export default {
|
77
|
76
|
mobile: "",
|
78
|
77
|
pwd: ""
|
79
|
78
|
},
|
80
|
|
- checked: false
|
|
79
|
+ checked: false,
|
|
80
|
+ agreement: true
|
81
|
81
|
};
|
82
|
82
|
},
|
83
|
83
|
computed: {
|
|
@@ -215,6 +215,9 @@ export default {
|
215
|
215
|
//清除cookie
|
216
|
216
|
clearCookie: function() {
|
217
|
217
|
this.setCookie("", "", -1); //修改2值都为空,天数为负1天就好了
|
|
218
|
+ },
|
|
219
|
+ agree() {
|
|
220
|
+ this.$router.push({ path: "/privacyPolicy" });
|
218
|
221
|
}
|
219
|
222
|
}
|
220
|
223
|
};
|
|
@@ -223,7 +226,7 @@ export default {
|
223
|
226
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
224
|
227
|
.container {
|
225
|
228
|
// background: $white-bg;
|
226
|
|
- background: #f5f5f5;
|
|
229
|
+ background: #fff;
|
227
|
230
|
@include box-sizing;
|
228
|
231
|
position: fixed;
|
229
|
232
|
width: 100%;
|
|
@@ -235,7 +238,7 @@ export default {
|
235
|
238
|
width: 90%;
|
236
|
239
|
height: 90%;
|
237
|
240
|
margin: auto;
|
238
|
|
- box-shadow: 0px 2px 25px 0px rgba(37, 143, 252, 0.1);
|
|
241
|
+ // box-shadow: 0px 2px 25px 0px rgba(37, 143, 252, 0.1);
|
239
|
242
|
border-radius: 14px;
|
240
|
243
|
background: #fff;
|
241
|
244
|
}
|
|
@@ -336,5 +339,86 @@ export default {
|
336
|
339
|
.remember {
|
337
|
340
|
float: left;
|
338
|
341
|
}
|
|
342
|
+ .agreeText {
|
|
343
|
+ color: #409eff;
|
|
344
|
+ font-size: 14px;
|
|
345
|
+ }
|
|
346
|
+}
|
|
347
|
+</style>
|
|
348
|
+
|
|
349
|
+<style lang="scss">
|
|
350
|
+.remember {
|
|
351
|
+ .el-checkbox__inner {
|
|
352
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
353
|
+ width: 20px;
|
|
354
|
+ height: 20px;
|
|
355
|
+ }
|
|
356
|
+ @media only screen and (min-width: 768px) {
|
|
357
|
+ width: 20px;
|
|
358
|
+ height: 20px;
|
|
359
|
+ }
|
|
360
|
+ }
|
|
361
|
+ .el-checkbox__inner::after {
|
|
362
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
363
|
+ left: 7px;
|
|
364
|
+ height: 12px;
|
|
365
|
+ width: 4px;
|
|
366
|
+ }
|
|
367
|
+
|
|
368
|
+ @media only screen and (min-width: 768px) {
|
|
369
|
+ left: 7px;
|
|
370
|
+ height: 12px;
|
|
371
|
+ width: 4px;
|
|
372
|
+ }
|
|
373
|
+ }
|
|
374
|
+ .el-checkbox__label {
|
|
375
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
376
|
+ font-size: 0.45rem;
|
|
377
|
+ }
|
|
378
|
+ @media only screen and (min-width: 768px) {
|
|
379
|
+ font-size: 0.45rem;
|
|
380
|
+ }
|
|
381
|
+ }
|
|
382
|
+}
|
|
383
|
+.agree {
|
|
384
|
+ .el-checkbox__inner {
|
|
385
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
386
|
+ width: 20px;
|
|
387
|
+ height: 20px;
|
|
388
|
+ }
|
|
389
|
+ @media only screen and (min-width: 768px) {
|
|
390
|
+ width: 20px;
|
|
391
|
+ height: 20px;
|
|
392
|
+ }
|
|
393
|
+ }
|
|
394
|
+ .el-checkbox__inner::after {
|
|
395
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
396
|
+ left: 7px;
|
|
397
|
+ height: 12px;
|
|
398
|
+ width: 4px;
|
|
399
|
+ }
|
|
400
|
+
|
|
401
|
+ @media only screen and (min-width: 768px) {
|
|
402
|
+ left: 7px;
|
|
403
|
+ height: 12px;
|
|
404
|
+ width: 4px;
|
|
405
|
+ }
|
|
406
|
+ }
|
|
407
|
+ .el-checkbox__label {
|
|
408
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
409
|
+ font-size: 0.45rem;
|
|
410
|
+ }
|
|
411
|
+ @media only screen and (min-width: 768px) {
|
|
412
|
+ font-size: 0.45rem;
|
|
413
|
+ }
|
|
414
|
+ }
|
|
415
|
+ .agreeText {
|
|
416
|
+ @media only screen and (min-width: 415px) and (max-width: 767px) {
|
|
417
|
+ font-size: 0.45rem;
|
|
418
|
+ }
|
|
419
|
+ @media only screen and (min-width: 768px) {
|
|
420
|
+ font-size: 0.45rem;
|
|
421
|
+ }
|
|
422
|
+ }
|
339
|
423
|
}
|
340
|
424
|
</style>
|