Commit f75312def0ae5e05fdef98be52bac898d2d6d5f8
1 parent
9530137c
首页样式优化
Signed-off-by: TanYibin <5491541@qq.com>
Showing
1 changed file
with
35 additions
and
6 deletions
ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue
... | ... | @@ -318,7 +318,10 @@ export default { |
318 | 318 | } |
319 | 319 | |
320 | 320 | /deep/ .ant-select-selection__rendered { |
321 | - margin-top: 0.6vw; | |
321 | + margin-top: 0vw; | |
322 | + justify-content: center; | |
323 | + margin-left: 0.5vw; | |
324 | + line-height: 2vw; | |
322 | 325 | } |
323 | 326 | /deep/ .ant-form { |
324 | 327 | width: 100%; |
... | ... | @@ -419,13 +422,14 @@ export default { |
419 | 422 | width: 100%; /* 宽度 100% */ |
420 | 423 | } |
421 | 424 | #welcome { |
422 | - margin-top: 20px; | |
425 | + margin-top: 2vw; | |
423 | 426 | color: #333333; |
424 | 427 | font-size: 1.5vw; |
425 | 428 | align-content: end; |
426 | 429 | font-family: 'Microsoft YaHei', 'SimSun', sans-serif; |
427 | 430 | text-align: center; |
428 | 431 | margin-left: 1vw; |
432 | + margin-bottom: 3vw; | |
429 | 433 | } |
430 | 434 | #name { |
431 | 435 | border-width: 1px; |
... | ... | @@ -434,7 +438,6 @@ export default { |
434 | 438 | width: 85%; |
435 | 439 | height: 3vw; |
436 | 440 | line-height: 3vw; |
437 | - margin-top: 3vw; | |
438 | 441 | margin-left: 8%; |
439 | 442 | margin-bottom: 0.5vw; |
440 | 443 | background-image: url(../../assets/huiyuan.png); |
... | ... | @@ -466,6 +469,7 @@ export default { |
466 | 469 | height: 3vw; |
467 | 470 | line-height: 3vw; |
468 | 471 | margin-left: 8%; |
472 | + margin-top: 0vw; | |
469 | 473 | margin-bottom: 0.5vw; |
470 | 474 | background-image: url(../../assets/mima.png); |
471 | 475 | padding-left: 12%; /* 留出图片的空间 */ |
... | ... | @@ -485,6 +489,7 @@ export default { |
485 | 489 | height: 3vw; |
486 | 490 | line-height: 3vw; |
487 | 491 | margin-left: 8%; |
492 | + margin-top: 0vw; | |
488 | 493 | margin-bottom: 2.5vw; |
489 | 494 | font-size: 1vw; |
490 | 495 | text-align: center; |
... | ... | @@ -502,15 +507,39 @@ export default { |
502 | 507 | color: #999999; |
503 | 508 | padding-left: 0px; |
504 | 509 | } |
510 | +/deep/ .ant-form-explain { | |
511 | + margin-top: 0.2vw; | |
512 | + margin-bottom: 0.2vw; | |
513 | + min-height: 1.2vw; | |
514 | + font-size: 0.8vw; | |
515 | +} | |
516 | + | |
517 | +/deep/ .ant-select-arrow { | |
518 | + font-size: 1vw; | |
519 | + right: 1vw; | |
520 | + margin-top: -0.4vw; | |
521 | +} | |
522 | + | |
505 | 523 | /deep/ .ant-form-item-control { |
506 | - line-height: 3.5vw; | |
524 | + line-height: 0vw; | |
507 | 525 | } |
526 | + | |
508 | 527 | /deep/ .ant-select-selection__rendered { |
509 | - line-height: 1.5vw; | |
528 | + line-height: 3vw; | |
529 | + | |
530 | +} | |
531 | + | |
532 | +/deep/ .ant-col { | |
533 | + min-height: 5.6vw; | |
534 | +} | |
535 | + | |
536 | +/deep/ .ant-form-item-with-help { | |
537 | + margin-bottom: 0vw; | |
510 | 538 | } |
511 | 539 | |
512 | 540 | /deep/ .ant-form-item { |
513 | - margin-bottom: 0w; | |
541 | + font-size: 3vw; | |
542 | + margin-bottom: 0vw; | |
514 | 543 | } |
515 | 544 | |
516 | 545 | a-select { |
... | ... |