默认提交
Showing
16 changed files
with
45 additions
and
81 deletions
... | @@ -14,16 +14,14 @@ | ... | @@ -14,16 +14,14 @@ |
14 | position: relative; | 14 | position: relative; |
15 | } | 15 | } |
16 | 16 | ||
17 | |||
17 | .ebg { | 18 | .ebg { |
19 | background: url('~@/assets/images/custom-product/cp-bg.png') center no-repeat; | ||
20 | width: 100%; | ||
21 | height: 329px; | ||
18 | position: absolute; | 22 | position: absolute; |
19 | bottom: 0; | 23 | bottom: 0; |
20 | width: 100%; | ||
21 | overflow: hidden; | 24 | overflow: hidden; |
22 | |||
23 | img { | ||
24 | width: 1920px; | ||
25 | margin-left: -360px; | ||
26 | } | ||
27 | } | 25 | } |
28 | 26 | ||
29 | .product { | 27 | .product { | ... | ... |
1 | 1 | ||
2 | <template> | 2 | <template> |
3 | <div> | ||
4 | <div class="ebg"></div> | ||
3 | <div class="content"> | 5 | <div class="content"> |
4 | <div class="ebg"> | 6 | |
5 | <img src="@/assets/images/custom-product/cp-bg.png"> | ||
6 | </div> | ||
7 | <div class="top-space"></div> | 7 | <div class="top-space"></div> |
8 | <div class="box product"> | 8 | <div class="box product"> |
9 | <div @click="toPage('/custom/service?q=m1')" class="product-item"> | 9 | <div @click="toPage('/custom/service?q=m1')" class="product-item"> |
... | @@ -58,6 +58,8 @@ | ... | @@ -58,6 +58,8 @@ |
58 | </div> | 58 | </div> |
59 | </div> | 59 | </div> |
60 | </div> | 60 | </div> |
61 | </div> | ||
62 | |||
61 | </template> | 63 | </template> |
62 | 64 | ||
63 | <script src="./custom-product.js"></script> | 65 | <script src="./custom-product.js"></script> | ... | ... |
... | @@ -27,15 +27,12 @@ | ... | @@ -27,15 +27,12 @@ |
27 | } | 27 | } |
28 | 28 | ||
29 | .ebg { | 29 | .ebg { |
30 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
31 | width: 100%; | ||
32 | height: 325px; | ||
30 | position: absolute; | 33 | position: absolute; |
31 | bottom: 0; | 34 | bottom: 0; |
32 | width: 100%; | ||
33 | overflow: hidden; | 35 | overflow: hidden; |
34 | |||
35 | img { | ||
36 | width: 1920px; | ||
37 | margin-left: -360px; | ||
38 | } | ||
39 | } | 36 | } |
40 | 37 | ||
41 | .step { | 38 | .step { | ... | ... |
... | @@ -4,10 +4,8 @@ | ... | @@ -4,10 +4,8 @@ |
4 | <div> | 4 | <div> |
5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
6 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 6 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
7 | <div class="ebg"></div> | ||
7 | <div class="content"> | 8 | <div class="content"> |
8 | <div class="ebg"> | ||
9 | <img src="@/assets/images/common/login-bg.png"> | ||
10 | </div> | ||
11 | <div class="top-space"></div> | 9 | <div class="top-space"></div> |
12 | <div class="box"> | 10 | <div class="box"> |
13 | <div class="login"> | 11 | <div class="login"> | ... | ... |
... | @@ -17,15 +17,12 @@ | ... | @@ -17,15 +17,12 @@ |
17 | } | 17 | } |
18 | 18 | ||
19 | .ebg { | 19 | .ebg { |
20 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
21 | width: 100%; | ||
22 | height: 325px; | ||
20 | position: absolute; | 23 | position: absolute; |
21 | bottom: 0; | 24 | bottom: 0; |
22 | width: 100%; | ||
23 | overflow: hidden; | 25 | overflow: hidden; |
24 | |||
25 | img { | ||
26 | width: 1920px; | ||
27 | margin-left: -360px; | ||
28 | } | ||
29 | } | 26 | } |
30 | 27 | ||
31 | .step { | 28 | .step { | ... | ... |
... | @@ -4,10 +4,9 @@ | ... | @@ -4,10 +4,9 @@ |
4 | <div> | 4 | <div> |
5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
6 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 6 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
7 | <div class="ebg"></div> | ||
7 | <div class="content"> | 8 | <div class="content"> |
8 | <div class="ebg"> | 9 | |
9 | <img src="@/assets/images/common/login-bg.png"> | ||
10 | </div> | ||
11 | <div class="top-space"></div> | 10 | <div class="top-space"></div> |
12 | <div class="box"> | 11 | <div class="box"> |
13 | <div class="login"> | 12 | <div class="login"> | ... | ... |
... | @@ -18,15 +18,12 @@ | ... | @@ -18,15 +18,12 @@ |
18 | 18 | ||
19 | 19 | ||
20 | .ebg { | 20 | .ebg { |
21 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
22 | width: 100%; | ||
23 | height: 325px; | ||
21 | position: absolute; | 24 | position: absolute; |
22 | bottom: 0; | 25 | bottom: 0; |
23 | width: 100%; | ||
24 | overflow: hidden; | 26 | overflow: hidden; |
25 | |||
26 | img { | ||
27 | width: 1920px; | ||
28 | margin-left: -360px; | ||
29 | } | ||
30 | } | 27 | } |
31 | 28 | ||
32 | .login { | 29 | .login { | ... | ... |
... | @@ -4,10 +4,8 @@ | ... | @@ -4,10 +4,8 @@ |
4 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 4 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
6 | <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback" :close="closeCallback"></modal-upload-card-comp> | 6 | <modal-upload-card-comp :visible="modalUploadCardVisiable" :show-confirm="true" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback" :close="closeCallback"></modal-upload-card-comp> |
7 | <div class="ebg"></div> | ||
7 | <div class="content"> | 8 | <div class="content"> |
8 | <div class="ebg"> | ||
9 | <img src="@/assets/images/common/login-bg.png"> | ||
10 | </div> | ||
11 | <div class="top-space"></div> | 9 | <div class="top-space"></div> |
12 | <div class="box"> | 10 | <div class="box"> |
13 | <!-- 帐密登陆 --> | 11 | <!-- 帐密登陆 --> |
... | @@ -59,8 +57,8 @@ | ... | @@ -59,8 +57,8 @@ |
59 | </div> | 57 | </div> |
60 | <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> | 58 | <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> |
61 | <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> | 59 | <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> |
62 | <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">{{$t('login.agree')}} | 60 | <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">{{$t('login.agree')}} |
63 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> | 61 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> |
64 | </div> | 62 | </div> |
65 | <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: pwdLoginDisabled}"> | 63 | <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: pwdLoginDisabled}"> |
66 | <van-loading v-if="loading" /> | 64 | <van-loading v-if="loading" /> |
... | @@ -125,8 +123,8 @@ | ... | @@ -125,8 +123,8 @@ |
125 | </div> | 123 | </div> |
126 | <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> | 124 | <div class="login-protocol pointer" @click="loginCheck.agreeProtocol = !loginCheck.agreeProtocol"> |
127 | <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> | 125 | <img v-if="!loginCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> |
128 | <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} | 126 | <img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} |
129 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> | 127 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> |
130 | </div> | 128 | </div> |
131 | <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: otpLoginDisabled}"> | 129 | <div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: otpLoginDisabled}"> |
132 | <van-loading v-if="loading" /> | 130 | <van-loading v-if="loading" /> | ... | ... |
... | @@ -14,15 +14,12 @@ | ... | @@ -14,15 +14,12 @@ |
14 | } | 14 | } |
15 | 15 | ||
16 | .ebg { | 16 | .ebg { |
17 | background: url('~@/assets/images/news-list/news-list-bg.png') center no-repeat; | ||
18 | width: 100%; | ||
19 | height: 411px; | ||
17 | position: absolute; | 20 | position: absolute; |
18 | bottom: 0; | 21 | bottom: 0; |
19 | width: 100%; | ||
20 | overflow: hidden; | 22 | overflow: hidden; |
21 | |||
22 | img { | ||
23 | width: 1920px; | ||
24 | margin-left: -360px; | ||
25 | } | ||
26 | } | 23 | } |
27 | 24 | ||
28 | .news { | 25 | .news { | ... | ... |
1 | 1 | ||
2 | <template> | 2 | <template> |
3 | <div> | 3 | <div> |
4 | 4 | <div class="ebg"> </div> | |
5 | <div class="content"> | 5 | <div class="content"> |
6 | <div class="ebg"> | ||
7 | <img src="@/assets/images/news-list/news-list-bg.png"> | ||
8 | </div> | ||
9 | <div class="top-space"></div> | 6 | <div class="top-space"></div> |
10 | <div class="box"> | 7 | <div class="box"> |
11 | <div class="news"> | 8 | <div class="news"> | ... | ... |
... | @@ -18,15 +18,12 @@ | ... | @@ -18,15 +18,12 @@ |
18 | } | 18 | } |
19 | 19 | ||
20 | .ebg { | 20 | .ebg { |
21 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
22 | width: 100%; | ||
23 | height: 325px; | ||
21 | position: absolute; | 24 | position: absolute; |
22 | bottom: 0; | 25 | bottom: 0; |
23 | width: 100%; | ||
24 | overflow: hidden; | 26 | overflow: hidden; |
25 | |||
26 | img { | ||
27 | width: 1920px; | ||
28 | margin-left: -360px; | ||
29 | } | ||
30 | } | 27 | } |
31 | 28 | ||
32 | .step { | 29 | .step { | ... | ... |
... | @@ -3,10 +3,8 @@ | ... | @@ -3,10 +3,8 @@ |
3 | <div> | 3 | <div> |
4 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 4 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 5 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
6 | <div class="ebg"></div> | ||
6 | <div class="content"> | 7 | <div class="content"> |
7 | <div class="ebg"> | ||
8 | <img src="@/assets/images/common/login-bg.png"> | ||
9 | </div> | ||
10 | <div class="top-space"></div> | 8 | <div class="top-space"></div> |
11 | <div class="box"> | 9 | <div class="box"> |
12 | 10 | ||
... | @@ -30,7 +28,6 @@ | ... | @@ -30,7 +28,6 @@ |
30 | <div @click="locateUserInfo()" class="login-submit pointer" :class="{disabled: s1BtnDisabled}">{{$t('passwordReset.type1.submit')}}</div> | 28 | <div @click="locateUserInfo()" class="login-submit pointer" :class="{disabled: s1BtnDisabled}">{{$t('passwordReset.type1.submit')}}</div> |
31 | </div> | 29 | </div> |
32 | 30 | ||
33 | |||
34 | <!-- 核对信息 --> | 31 | <!-- 核对信息 --> |
35 | <div v-if="type == 2" class="login"> | 32 | <div v-if="type == 2" class="login"> |
36 | <div class="login-tit">{{$t('passwordReset.type3.title')}}</div> | 33 | <div class="login-tit">{{$t('passwordReset.type3.title')}}</div> |
... | @@ -60,7 +57,7 @@ | ... | @@ -60,7 +57,7 @@ |
60 | <div class="ipt-wrap"> | 57 | <div class="ipt-wrap"> |
61 | <div class="ipt ipt2"> | 58 | <div class="ipt ipt2"> |
62 | <input :placeholder="$t('passwordReset.type2.t1Placeholder')" type="text" v-model="step3.otp"> | 59 | <input :placeholder="$t('passwordReset.type2.t1Placeholder')" type="text" v-model="step3.otp"> |
63 | <div v-if="times.remain == 0" class="veri-btn pointer" @click="sendOtp" >{{$t('register.verifyCodeGet')}}</div> | 60 | <div v-if="times.remain == 0" class="veri-btn pointer" @click="sendOtp">{{$t('register.verifyCodeGet')}}</div> |
64 | <div v-else class="veri-btn-default">{{times.tip}}</div> | 61 | <div v-else class="veri-btn-default">{{times.tip}}</div> |
65 | </div> | 62 | </div> |
66 | </div> | 63 | </div> | ... | ... |
... | @@ -18,15 +18,12 @@ | ... | @@ -18,15 +18,12 @@ |
18 | } | 18 | } |
19 | 19 | ||
20 | .ebg { | 20 | .ebg { |
21 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
22 | width: 100%; | ||
23 | height: 325px; | ||
21 | position: absolute; | 24 | position: absolute; |
22 | bottom: 0; | 25 | bottom: 0; |
23 | width: 100%; | ||
24 | overflow: hidden; | 26 | overflow: hidden; |
25 | |||
26 | img { | ||
27 | width: 1920px; | ||
28 | margin-left: -360px; | ||
29 | } | ||
30 | } | 27 | } |
31 | 28 | ||
32 | .step { | 29 | .step { | ... | ... |
... | @@ -3,10 +3,8 @@ | ... | @@ -3,10 +3,8 @@ |
3 | <div> | 3 | <div> |
4 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 4 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="closeModal" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
6 | <div class="ebg"></div> | ||
6 | <div class="content"> | 7 | <div class="content"> |
7 | <div class="ebg"> | ||
8 | <img src="@/assets/images/common/login-bg.png"> | ||
9 | </div> | ||
10 | <div class="top-space"></div> | 8 | <div class="top-space"></div> |
11 | <div class="box"> | 9 | <div class="box"> |
12 | <div class="login"> | 10 | <div class="login"> | ... | ... |
... | @@ -17,15 +17,12 @@ | ... | @@ -17,15 +17,12 @@ |
17 | } | 17 | } |
18 | 18 | ||
19 | .ebg { | 19 | .ebg { |
20 | background: url('~@/assets/images/common/login-bg.png') center no-repeat; | ||
21 | width: 100%; | ||
22 | height: 325px; | ||
20 | position: absolute; | 23 | position: absolute; |
21 | bottom: 0; | 24 | bottom: 0; |
22 | width: 100%; | ||
23 | overflow: hidden; | 25 | overflow: hidden; |
24 | |||
25 | img { | ||
26 | width: 1920px; | ||
27 | margin-left: -360px; | ||
28 | } | ||
29 | } | 26 | } |
30 | 27 | ||
31 | .step { | 28 | .step { | ... | ... |
... | @@ -3,10 +3,8 @@ | ... | @@ -3,10 +3,8 @@ |
3 | <div> | 3 | <div> |
4 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="closeModal" :close="closeModal"></modal-simple-comp> | 4 | <modal-simple-comp :visible="modalSimpleVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="closeModal" :close="closeModal"></modal-simple-comp> |
5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> | 5 | <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="modalCallback" :overlay="modalCallback"></modal-comp> |
6 | <div class="ebg"></div> | ||
6 | <div class="content"> | 7 | <div class="content"> |
7 | <div class="ebg"> | ||
8 | <img src="@/assets/images/common/login-bg.png"> | ||
9 | </div> | ||
10 | <div class="top-space"></div> | 8 | <div class="top-space"></div> |
11 | <div class="step"> | 9 | <div class="step"> |
12 | <img v-if="type == 1" src="@/assets/images/register/register-step-1.png"> | 10 | <img v-if="type == 1" src="@/assets/images/register/register-step-1.png"> |
... | @@ -70,8 +68,8 @@ | ... | @@ -70,8 +68,8 @@ |
70 | 68 | ||
71 | <div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol"> | 69 | <div class="login-protocol pointer" @click="registerCheck.agreeProtocol = !registerCheck.agreeProtocol"> |
72 | <img v-if="!registerCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> | 70 | <img v-if="!registerCheck.agreeProtocol" class="check" src="@/assets/images/login/uncheck.png"> |
73 | <img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} | 71 | <img v-if="registerCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}} |
74 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> | 72 | <span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span> |
75 | </div> | 73 | </div> |
76 | <div @click="onSubmitHandler()" class="login-submit pointer" :class="{disabled: registerDisabled}">{{$t('register.register')}}</div> | 74 | <div @click="onSubmitHandler()" class="login-submit pointer" :class="{disabled: registerDisabled}">{{$t('register.register')}}</div> |
77 | </div> | 75 | </div> | ... | ... |
-
Please register or sign in to post a comment