默认提交
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