默认提交
Showing
13 changed files
with
55 additions
and
28 deletions
... | @@ -303,8 +303,6 @@ textarea { | ... | @@ -303,8 +303,6 @@ textarea { |
303 | padding: 0; | 303 | padding: 0; |
304 | } | 304 | } |
305 | 305 | ||
306 | |||
307 | |||
308 | .main-container { | 306 | .main-container { |
309 | position: relative; | 307 | position: relative; |
310 | margin: 0 auto; | 308 | margin: 0 auto; |
... | @@ -346,12 +344,13 @@ textarea { | ... | @@ -346,12 +344,13 @@ textarea { |
346 | 344 | ||
347 | // // 视频 | 345 | // // 视频 |
348 | .video-js { | 346 | .video-js { |
349 | background-color: transparent !important; | 347 | background-color: transparent !important; |
350 | border-radius: $borderRadiusSmall; | 348 | border-radius: $borderRadiusSmall; |
351 | } | 349 | } |
352 | 350 | ||
353 | .video-js .vjs-tech,.video-js .vjs-poster{ | 351 | .video-js .vjs-tech, |
354 | border-radius: $borderRadiusSmall; | 352 | .video-js .vjs-poster { |
353 | border-radius: $borderRadiusSmall; | ||
355 | } | 354 | } |
356 | 355 | ||
357 | .video-js .vjs-big-play-button { | 356 | .video-js .vjs-big-play-button { |
... | @@ -373,7 +372,7 @@ textarea { | ... | @@ -373,7 +372,7 @@ textarea { |
373 | // vant | 372 | // vant |
374 | .v-header { | 373 | .v-header { |
375 | .van-cell { | 374 | .van-cell { |
376 | padding: 16px 16px !important; | 375 | padding: 16px 16px !important; |
377 | } | 376 | } |
378 | 377 | ||
379 | .van-collapse-item__content { | 378 | .van-collapse-item__content { |
... | @@ -385,7 +384,6 @@ textarea { | ... | @@ -385,7 +384,6 @@ textarea { |
385 | } | 384 | } |
386 | } | 385 | } |
387 | 386 | ||
388 | |||
389 | @media (max-width: 1200px) { | 387 | @media (max-width: 1200px) { |
390 | .page-index { | 388 | .page-index { |
391 | .video-js { | 389 | .video-js { |
... | @@ -408,9 +406,9 @@ textarea { | ... | @@ -408,9 +406,9 @@ textarea { |
408 | @media (max-width: 768px) { | 406 | @media (max-width: 768px) { |
409 | $fontSizeTitle: $fontSizeTitle-M; | 407 | $fontSizeTitle: $fontSizeTitle-M; |
410 | $fontSize: $fontSize-M; | 408 | $fontSize: $fontSize-M; |
411 | $fontSizeSmall: $fontSizeSmall-M; | 409 | $fontSizeSmall: $fontSizeSmall-M; |
412 | .main-container{ | 410 | .main-container { |
413 | margin-bottom: $marginMedium-M; | 411 | margin-bottom: $marginMedium-M; |
414 | } | 412 | } |
415 | } | 413 | } |
416 | </style> | 414 | </style> | ... | ... |
480 Bytes
... | @@ -278,6 +278,8 @@ module.exports = { | ... | @@ -278,6 +278,8 @@ module.exports = { |
278 | infomationImprove: { | 278 | infomationImprove: { |
279 | title: "請完善您的信息", | 279 | title: "請完善您的信息", |
280 | t1: "姓名", | 280 | t1: "姓名", |
281 | t1c1: "姓", | ||
282 | t1c2: "名", | ||
281 | t1Placeholder: "", | 283 | t1Placeholder: "", |
282 | t2: "性別", | 284 | t2: "性別", |
283 | t2Placeholder: "", | 285 | t2Placeholder: "", | ... | ... |
... | @@ -278,6 +278,8 @@ module.exports = { | ... | @@ -278,6 +278,8 @@ module.exports = { |
278 | infomationImprove: { | 278 | infomationImprove: { |
279 | title: "請完善您的信息", | 279 | title: "請完善您的信息", |
280 | t1: "姓名", | 280 | t1: "姓名", |
281 | t1c1: "姓", | ||
282 | t1c2: "名", | ||
281 | t1Placeholder: "", | 283 | t1Placeholder: "", |
282 | t2: "性別", | 284 | t2: "性別", |
283 | t2Placeholder: "", | 285 | t2Placeholder: "", | ... | ... |
... | @@ -277,6 +277,8 @@ module.exports = { | ... | @@ -277,6 +277,8 @@ module.exports = { |
277 | infomationImprove: { | 277 | infomationImprove: { |
278 | title: "请完善您的信息", | 278 | title: "请完善您的信息", |
279 | t1: "姓名", | 279 | t1: "姓名", |
280 | t1c1: "姓", | ||
281 | t1c2: "名", | ||
280 | t1Placeholder: "", | 282 | t1Placeholder: "", |
281 | t2: "性别", | 283 | t2: "性别", |
282 | t2Placeholder: "", | 284 | t2Placeholder: "", | ... | ... |
... | @@ -61,7 +61,6 @@ export default { | ... | @@ -61,7 +61,6 @@ export default { |
61 | }) | 61 | }) |
62 | }, | 62 | }, |
63 | onShowDropdown(evtStr) { | 63 | onShowDropdown(evtStr) { |
64 | console.log("evtStr:", evtStr); | ||
65 | this.dropdownMVisible = false; | 64 | this.dropdownMVisible = false; |
66 | this.loginMVisible = false; | 65 | this.loginMVisible = false; |
67 | if (evtStr == 'nav') { | 66 | if (evtStr == 'nav') { | ... | ... |
... | @@ -230,12 +230,6 @@ input { | ... | @@ -230,12 +230,6 @@ input { |
230 | font-size: 12px; | 230 | font-size: 12px; |
231 | } | 231 | } |
232 | 232 | ||
233 | .disabled { | ||
234 | background-color: gray !important; | ||
235 | background-image: none !important; | ||
236 | } | ||
237 | |||
238 | |||
239 | @media (max-width: 768px) { | 233 | @media (max-width: 768px) { |
240 | .form { | 234 | .form { |
241 | display: block; | 235 | display: block; | ... | ... |
... | @@ -203,11 +203,6 @@ input { | ... | @@ -203,11 +203,6 @@ input { |
203 | background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); | 203 | background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); |
204 | } | 204 | } |
205 | 205 | ||
206 | .disabled { | ||
207 | background-color: gray !important; | ||
208 | background-image: none !important; | ||
209 | } | ||
210 | |||
211 | @media (max-width: 768px) { | 206 | @media (max-width: 768px) { |
212 | .form { | 207 | .form { |
213 | &-item2 { | 208 | &-item2 { | ... | ... |
... | @@ -13,9 +13,21 @@ | ... | @@ -13,9 +13,21 @@ |
13 | <div class="login-tit-space-1"></div> | 13 | <div class="login-tit-space-1"></div> |
14 | <div class="gird-g form"> | 14 | <div class="gird-g form"> |
15 | 15 | ||
16 | <div class="pure-u-1 form-item"> | 16 | <div class="pure-u-1 pure-u-md-1-2 form-item"> |
17 | <div class="label"> | ||
18 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c1')}} | ||
19 | </div> | ||
20 | <div class="ipt-wrap"> | ||
21 | <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.cnName"> | ||
22 | </div> | ||
23 | <div class="validator" v-if="errorTips.e1.length > 0 "> | ||
24 | <img src="@/assets/images/common/icon-notice.png" alt=""> {{errorTips.e1}} | ||
25 | </div> | ||
26 | </div> | ||
27 | |||
28 | <div class="pure-u-1 pure-u-md-1-2 form-item"> | ||
17 | <div class="label"> | 29 | <div class="label"> |
18 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1')}} | 30 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t1c2')}} |
19 | </div> | 31 | </div> |
20 | <div class="ipt-wrap"> | 32 | <div class="ipt-wrap"> |
21 | <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.cnName"> | 33 | <input class="ipt" :class="{err : errorTips.e1.length > 0}" type="text" v-model="information.cnName"> |
... | @@ -27,7 +39,7 @@ | ... | @@ -27,7 +39,7 @@ |
27 | 39 | ||
28 | <div class="pure-u-1 form-item"> | 40 | <div class="pure-u-1 form-item"> |
29 | <div class="label"> | 41 | <div class="label"> |
30 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-user.png"> {{$t('infomationImprove.t2')}} | 42 | <img src="@/assets/images/improve-infomation/icon-improve-infomation-sex.png"> {{$t('infomationImprove.t2')}} |
31 | </div> | 43 | </div> |
32 | <div class="ipt-wrap"> | 44 | <div class="ipt-wrap"> |
33 | <div class="down-arrow"></div> | 45 | <div class="down-arrow"></div> | ... | ... |
... | @@ -217,6 +217,11 @@ | ... | @@ -217,6 +217,11 @@ |
217 | justify-content: space-between; | 217 | justify-content: space-between; |
218 | align-items: center; | 218 | align-items: center; |
219 | 219 | ||
220 | .ipt-tel { | ||
221 | flex: 1; | ||
222 | padding-left: 1.75rem; | ||
223 | } | ||
224 | |||
220 | .ipt-code { | 225 | .ipt-code { |
221 | flex: 1; | 226 | flex: 1; |
222 | padding-right: 1.75rem; | 227 | padding-right: 1.75rem; |
... | @@ -265,7 +270,7 @@ | ... | @@ -265,7 +270,7 @@ |
265 | height: 0; | 270 | height: 0; |
266 | } | 271 | } |
267 | 272 | ||
268 | .step{ | 273 | .step { |
269 | margin-bottom: 1rem; | 274 | margin-bottom: 1rem; |
270 | } | 275 | } |
271 | 276 | ... | ... |
-
Please register or sign in to post a comment