注册页、登录页,客户服务页调整
Showing
9 changed files
with
28 additions
and
17 deletions
... | @@ -179,7 +179,7 @@ select { | ... | @@ -179,7 +179,7 @@ select { |
179 | input, | 179 | input, |
180 | select, | 180 | select, |
181 | button { | 181 | button { |
182 | font: 100% tahoma, "\5b8b\4f53", arial; | 182 | // font: 100% tahoma, "\5b8b\4f53", arial; |
183 | vertical-align: baseline; | 183 | vertical-align: baseline; |
184 | border-radius: 0; | 184 | border-radius: 0; |
185 | background-color: transparent; | 185 | background-color: transparent; |
... | @@ -269,7 +269,7 @@ textarea { | ... | @@ -269,7 +269,7 @@ textarea { |
269 | -moz-appearance: none; | 269 | -moz-appearance: none; |
270 | overflow: auto; | 270 | overflow: auto; |
271 | resize: none; | 271 | resize: none; |
272 | font: 100% tahoma, "\5b8b\4f53", arial; | 272 | // font: 100% tahoma, "\5b8b\4f53", arial; |
273 | } | 273 | } |
274 | 274 | ||
275 | .cOrange { | 275 | .cOrange { | ... | ... |
... | @@ -133,7 +133,7 @@ module.exports = { | ... | @@ -133,7 +133,7 @@ module.exports = { |
133 | verifyCodeGet: "獲取驗證碼", | 133 | verifyCodeGet: "獲取驗證碼", |
134 | }, | 134 | }, |
135 | register: { | 135 | register: { |
136 | title: "平安一賬通", | 136 | title: "歡迎註冊一賬通", |
137 | title2: "請設置新的密碼", | 137 | title2: "請設置新的密碼", |
138 | mobilePlaceholder: "请输入8位手机号码", | 138 | mobilePlaceholder: "请输入8位手机号码", |
139 | verifyCodePlaceholder: "請輸入驗證碼", | 139 | verifyCodePlaceholder: "請輸入驗證碼", | ... | ... |
... | @@ -133,7 +133,7 @@ module.exports = { | ... | @@ -133,7 +133,7 @@ module.exports = { |
133 | verifyCodeGet: "獲取驗證碼", | 133 | verifyCodeGet: "獲取驗證碼", |
134 | }, | 134 | }, |
135 | register: { | 135 | register: { |
136 | title: "平安一賬通", | 136 | title: "歡迎註冊一賬通", |
137 | title2: "請設置新的密碼", | 137 | title2: "請設置新的密碼", |
138 | mobilePlaceholder: "請輸入8位手機號碼", | 138 | mobilePlaceholder: "請輸入8位手機號碼", |
139 | verifyCodePlaceholder: "請輸入驗證碼", | 139 | verifyCodePlaceholder: "請輸入驗證碼", | ... | ... |
... | @@ -14,7 +14,7 @@ module.exports = { | ... | @@ -14,7 +14,7 @@ module.exports = { |
14 | path: "", | 14 | path: "", |
15 | list: [{ | 15 | list: [{ |
16 | name: "注册", | 16 | name: "注册", |
17 | path: "/retister", | 17 | path: "/register", |
18 | value: "" | 18 | value: "" |
19 | },{ | 19 | },{ |
20 | name: "登陆", | 20 | name: "登陆", |
... | @@ -133,7 +133,7 @@ module.exports = { | ... | @@ -133,7 +133,7 @@ module.exports = { |
133 | verifyCodeGet: "获取验证码", | 133 | verifyCodeGet: "获取验证码", |
134 | }, | 134 | }, |
135 | register: { | 135 | register: { |
136 | title: "平安一账通", | 136 | title: "欢迎注册一账通", |
137 | title2: "请设置新的密码", | 137 | title2: "请设置新的密码", |
138 | mobilePlaceholder: "请输入8位手机号码", | 138 | mobilePlaceholder: "请输入8位手机号码", |
139 | verifyCodePlaceholder: "请输入验证码", | 139 | verifyCodePlaceholder: "请输入验证码", | ... | ... |
... | @@ -7,8 +7,8 @@ | ... | @@ -7,8 +7,8 @@ |
7 | z-index: 11; | 7 | z-index: 11; |
8 | 8 | ||
9 | .header-container { | 9 | .header-container { |
10 | // max-width: 950px; | 10 | max-width: 950px; |
11 | max-width: 1024px; | 11 | // max-width: 1024px; |
12 | height: 100%; | 12 | height: 100%; |
13 | margin: auto; | 13 | margin: auto; |
14 | display: flex; | 14 | display: flex; | ... | ... |
... | @@ -23,12 +23,16 @@ | ... | @@ -23,12 +23,16 @@ |
23 | color: #4c4948; | 23 | color: #4c4948; |
24 | text-align: center; | 24 | text-align: center; |
25 | cursor: pointer; | 25 | cursor: pointer; |
26 | display: flex; | ||
27 | align-items: center; | ||
28 | justify-content: center; | ||
26 | 29 | ||
27 | i { | 30 | i { |
28 | display: inline-block; | 31 | display: inline-block; |
29 | width: 3.416667rem /* 41/12 */; | 32 | width: 3.416667rem /* 41/12 */; |
30 | height: 3.416667rem /* 41/12 */; | 33 | height: 3.416667rem /* 41/12 */; |
31 | margin-right: 1.333333rem; | 34 | // margin-right: 1.333333rem; |
35 | margin-right: .166667rem /* 2/12 */; | ||
32 | vertical-align: middle; | 36 | vertical-align: middle; |
33 | } | 37 | } |
34 | .m1 { | 38 | .m1 { | ... | ... |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | // width: auto; | 49 | // width: auto; |
50 | text-align: center; | 50 | text-align: center; |
51 | justify-content: space-between; | 51 | justify-content: space-between; |
52 | max-width: 85.333333rem /* 1024/12 */; | 52 | max-width: 79.166667rem /* 950/12 */; |
53 | // max-width: 1200px; | 53 | // max-width: 1200px; |
54 | 54 | ||
55 | 55 | ||
... | @@ -117,7 +117,7 @@ | ... | @@ -117,7 +117,7 @@ |
117 | position: relative; | 117 | position: relative; |
118 | margin: 0 auto; | 118 | margin: 0 auto; |
119 | // @extend .fcc; | 119 | // @extend .fcc; |
120 | // width: 85%; | 120 | width: 85%; |
121 | 121 | ||
122 | img { | 122 | img { |
123 | width: 100%; | 123 | width: 100%; |
... | @@ -157,11 +157,14 @@ | ... | @@ -157,11 +157,14 @@ |
157 | max-width: 100rem; | 157 | max-width: 100rem; |
158 | 158 | ||
159 | .more { | 159 | .more { |
160 | width: 85%; | ||
160 | text-align: right; | 161 | text-align: right; |
161 | margin-bottom: .5rem; | 162 | margin-bottom: .5rem; |
162 | } | 163 | } |
163 | 164 | ||
164 | .news-item { | 165 | .news-item { |
166 | width: 85%; | ||
167 | margin: auto; | ||
165 | height: 4.25rem; | 168 | height: 4.25rem; |
166 | color: #4c4948; | 169 | color: #4c4948; |
167 | display: flex; | 170 | display: flex; |
... | @@ -182,13 +185,13 @@ | ... | @@ -182,13 +185,13 @@ |
182 | } | 185 | } |
183 | 186 | ||
184 | .swiper-button-prev { | 187 | .swiper-button-prev { |
185 | // background-image: url('~@/assets/images/common/button-prev.png'); | 188 | background-image: url('~@/assets/images/common/button-prev.png'); |
186 | display: none; | 189 | // display: none; |
187 | } | 190 | } |
188 | 191 | ||
189 | .swiper-button-next { | 192 | .swiper-button-next { |
190 | // background-image: url('~@/assets/images/common/button-next.png'); | 193 | background-image: url('~@/assets/images/common/button-next.png'); |
191 | display: none; | 194 | // display: none; |
192 | } | 195 | } |
193 | 196 | ||
194 | @media (max-width: 950px) { | 197 | @media (max-width: 950px) { | ... | ... |
... | @@ -78,6 +78,7 @@ | ... | @@ -78,6 +78,7 @@ |
78 | margin: 2.5rem auto 0; | 78 | margin: 2.5rem auto 0; |
79 | display: flex; | 79 | display: flex; |
80 | align-items: center; | 80 | align-items: center; |
81 | padding-left: 1rem /* 12/12 */; | ||
81 | 82 | ||
82 | .check { | 83 | .check { |
83 | height: 1rem; | 84 | height: 1rem; |
... | @@ -116,7 +117,8 @@ | ... | @@ -116,7 +117,8 @@ |
116 | 117 | ||
117 | &-item { | 118 | &-item { |
118 | position: relative; | 119 | position: relative; |
119 | margin-top: 2.75rem; | 120 | // margin-top: 2.75rem; |
121 | margin-top: 2.5rem /* 30/12 */; | ||
120 | 122 | ||
121 | .label { | 123 | .label { |
122 | font-family: MicrosoftYaHei; | 124 | font-family: MicrosoftYaHei; | ... | ... |
... | @@ -85,6 +85,7 @@ | ... | @@ -85,6 +85,7 @@ |
85 | margin: 2.5rem auto 0; | 85 | margin: 2.5rem auto 0; |
86 | display: flex; | 86 | display: flex; |
87 | align-items: center; | 87 | align-items: center; |
88 | padding-left: 1rem /* 12/12 */; | ||
88 | 89 | ||
89 | .check { | 90 | .check { |
90 | height: 1rem; | 91 | height: 1rem; |
... | @@ -98,7 +99,8 @@ | ... | @@ -98,7 +99,8 @@ |
98 | 99 | ||
99 | &-submit { | 100 | &-submit { |
100 | @include btc2(13.5rem, 4rem, 16px); | 101 | @include btc2(13.5rem, 4rem, 16px); |
101 | margin: 8.25rem auto 0; | 102 | margin: 4.166667rem /* 50/12 */auto 0 ; |
103 | // margin: 8.25rem auto 0; | ||
102 | letter-spacing: 1.6px; | 104 | letter-spacing: 1.6px; |
103 | } | 105 | } |
104 | 106 | ... | ... |
-
Please register or sign in to post a comment