@mdsfe/mds-ui 0.4.0-rc.6 → 0.4.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/bordershadow.js +2 -2
  3. package/dist/carousel.js +2 -2
  4. package/dist/cascader.js +4 -4
  5. package/dist/cascaderpanel.js +16 -16
  6. package/dist/collapse.js +2 -2
  7. package/dist/divider.js +2 -2
  8. package/dist/drawer.js +4 -4
  9. package/dist/empty.js +2 -2
  10. package/dist/font/full-star.b5fdf00.png +0 -0
  11. package/dist/font/half-star.2625512.png +0 -0
  12. package/dist/font/zero-star.177c19c.png +0 -0
  13. package/dist/form.js +2 -2
  14. package/dist/icon.js +13 -4
  15. package/dist/index.js +5 -5
  16. package/dist/input.js +2 -2
  17. package/dist/inputnumber.js +2 -2
  18. package/dist/layout.js +2 -2
  19. package/dist/list.js +2 -2
  20. package/dist/loading.js +2 -2
  21. package/dist/mds-ui.min.css +2 -1
  22. package/dist/mds-ui.min.js +148 -124
  23. package/dist/menu.js +4 -4
  24. package/dist/message.js +2 -2
  25. package/dist/modal.js +2 -2
  26. package/dist/notification.js +8 -8
  27. package/dist/pagination.js +4 -4
  28. package/dist/popconfirm.js +2 -2
  29. package/dist/popover.js +2 -2
  30. package/dist/progress.js +2 -2
  31. package/dist/radio.js +2 -2
  32. package/dist/rate.js +2 -2
  33. package/dist/select.js +7 -7
  34. package/dist/slider.js +2 -2
  35. package/dist/slottable.js +7 -7
  36. package/dist/steps.js +2 -2
  37. package/dist/style/affix.css +10 -1
  38. package/dist/style/alert.css +138 -1
  39. package/dist/style/anchor.css +58 -1
  40. package/dist/style/avatar.css +73 -1
  41. package/dist/style/backtop.css +34 -1
  42. package/dist/style/badge.css +141 -1
  43. package/dist/style/bordershadow.css +42 -1
  44. package/dist/style/breadcrumb.css +37 -1
  45. package/dist/style/button.css +2172 -1
  46. package/dist/style/card.css +156 -1
  47. package/dist/style/carousel.css +217 -1
  48. package/dist/style/cascader.css +214 -1
  49. package/dist/style/cascaderpanel.css +122 -1
  50. package/dist/style/checkbox.css +186 -1
  51. package/dist/style/col.css +2607 -1
  52. package/dist/style/collapse.css +79 -1
  53. package/dist/style/color.css +622 -1
  54. package/dist/style/datepicker.css +542 -1
  55. package/dist/style/divider.css +47 -1
  56. package/dist/style/drawer.css +254 -1
  57. package/dist/style/dropdown.css +274 -1
  58. package/dist/style/empty.css +49 -1
  59. package/dist/style/font.css +45 -1
  60. package/dist/style/form.css +148 -1
  61. package/dist/style/icon.css +5625 -1
  62. package/dist/style/index.css +2 -1
  63. package/dist/style/input.css +760 -1
  64. package/dist/style/inputnumber.css +314 -1
  65. package/dist/style/layout.css +58 -1
  66. package/dist/style/list.css +141 -1
  67. package/dist/style/loading.css +2329 -1
  68. package/dist/style/menu.css +658 -1
  69. package/dist/style/message.css +191 -1
  70. package/dist/style/modal.css +123 -1
  71. package/dist/style/notification.css +192 -1
  72. package/dist/style/pagination.css +1190 -1
  73. package/dist/style/popconfirm.css +65 -1
  74. package/dist/style/popover.css +138 -1
  75. package/dist/style/progress.css +179 -1
  76. package/dist/style/radio.css +255 -1
  77. package/dist/style/rate.css +81 -1
  78. package/dist/style/row.css +2607 -1
  79. package/dist/style/select.css +221 -1
  80. package/dist/style/slider.css +80 -1
  81. package/dist/style/slottable.css +296 -1
  82. package/dist/style/steps.css +586 -1
  83. package/dist/style/switch.css +110 -1
  84. package/dist/style/table.css +2778 -1
  85. package/dist/style/tabs.css +518 -1
  86. package/dist/style/tag.css +421 -1
  87. package/dist/style/text.css +122 -1
  88. package/dist/style/timeline.css +88 -1
  89. package/dist/style/timepicker.css +393 -1
  90. package/dist/style/tooltip.css +161 -1
  91. package/dist/style/transfer.css +206 -1
  92. package/dist/style/transition.css +1413 -1
  93. package/dist/style/tree.css +84 -1
  94. package/dist/style/typography.css +126 -1
  95. package/dist/style/upload.css +320 -1
  96. package/dist/switch.js +2 -2
  97. package/dist/table.js +9 -9
  98. package/dist/tabs.js +2 -2
  99. package/dist/tag.js +2 -2
  100. package/dist/text.js +2 -2
  101. package/dist/timeline.js +2 -2
  102. package/dist/timepicker.js +2 -2
  103. package/dist/tooltip.js +2 -2
  104. package/dist/transfer.js +6 -6
  105. package/dist/transition.js +2 -2
  106. package/dist/tree.js +2 -2
  107. package/dist/typography.js +2 -2
  108. package/package.json +1 -1
package/dist/style/collapse.css CHANGED
@@ -1 +1,79 @@
1
- .mds-collapse{border:1px solid #f0f2f5;background:#fff}.mds-collapse .mds-collapse-item .mds-collapse-header{box-sizing:border-box;height:48px;line-height:48px;background:#fafafd;display:flex;align-items:center;justify-content:space-between;padding:0 26px;cursor:pointer}.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-default-title{line-height:48px;vertical-align:middle;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#354052}.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-left{margin-right:9px;transform:rotate(270deg)}.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-right{transform:rotate(270deg)}.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-default{transform-origin:center;color:#ccd2db;transition:all .3s}.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-active{transform:rotate(1turn);color:#7f8fa4}.mds-collapse .mds-collapse-item .mds-collapse-header-active{border-bottom:1px solid #f0f2f5}.mds-collapse .mds-collapse-item .mds-collapse-body{box-sizing:border-box;background:#fff;overflow:hidden;transition:height .3s}.mds-collapse .mds-collapse-item .mds-collapse-body .mds-collapse-body-content{padding:16px 26px}.mds-collapse .mds-collapse-item:last-child .mds-collapse-header-active{border-bottom:none}.mds-collapse .mds-collapse-item-mini .mds-collapse-header{height:40px;line-height:40px;padding:0 23px}.mds-collapse .mds-collapse-item-mini .mds-collapse-header .mds-collapse-default-title{font-size:12px!important;line-height:40px}.mds-collapse .mds-collapse-item-mini .mds-collapse-body .mds-collapse-body-content{font-size:12px!important;padding:16px 23px}.mds-collapse .mds-collapse-item-disabled{opacity:.8}.mds-collapse .mds-collapse-item-disabled .mds-collapse-header{cursor:not-allowed!important}
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable declaration-bang-space-before */
3
+ /* stylelint-disable declaration-bang-space-before */
4
+ .mds-collapse {
5
+ border: 1px solid #f0f2f5;
6
+ background: #fff;
7
+ }
8
+ .mds-collapse .mds-collapse-item .mds-collapse-header {
9
+ box-sizing: border-box;
10
+ height: 48px;
11
+ line-height: 48px;
12
+ background: #fafafd;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: space-between;
16
+ padding: 0 26px;
17
+ cursor: pointer;
18
+ }
19
+ .mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-default-title {
20
+ line-height: 48px;
21
+ vertical-align: middle;
22
+ font-size: 14px;
23
+ font-family: PingFangSC-Medium, PingFang SC;
24
+ font-weight: 500;
25
+ color: #354052;
26
+ }
27
+ .mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-left {
28
+ margin-right: 9px;
29
+ transform: rotate(270deg);
30
+ }
31
+ .mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-right {
32
+ transform: rotate(270deg);
33
+ }
34
+ .mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-default {
35
+ transform-origin: center;
36
+ color: #CCD2DB;
37
+ transition: all .3s;
38
+ }
39
+ .mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-active {
40
+ transform: rotate(360deg);
41
+ color: #7F8FA4;
42
+ }
43
+ .mds-collapse .mds-collapse-item .mds-collapse-header-active {
44
+ border-bottom: 1px solid #F0F2F5;
45
+ }
46
+ .mds-collapse .mds-collapse-item .mds-collapse-body {
47
+ box-sizing: border-box;
48
+ background: #FFFFFF;
49
+ overflow: hidden;
50
+ transition: height .3s;
51
+ }
52
+ .mds-collapse .mds-collapse-item .mds-collapse-body .mds-collapse-body-content {
53
+ padding: 16px 26px;
54
+ }
55
+ .mds-collapse .mds-collapse-item:last-child .mds-collapse-header-active {
56
+ border-bottom: none;
57
+ }
58
+ .mds-collapse .mds-collapse-item-mini .mds-collapse-header {
59
+ height: 40px ;
60
+ line-height: 40px;
61
+ padding: 0 23px;
62
+ }
63
+ .mds-collapse .mds-collapse-item-mini .mds-collapse-header .mds-collapse-default-title {
64
+ font-size: 12px !important;
65
+ line-height: 40px;
66
+ }
67
+ .mds-collapse .mds-collapse-item-mini .mds-collapse-body .mds-collapse-body-content {
68
+ font-size: 12px !important;
69
+ padding: 16px 23px;
70
+ }
71
+ .mds-collapse .mds-collapse-item-disabled {
72
+ opacity: .8;
73
+ }
74
+ .mds-collapse .mds-collapse-item-disabled .mds-collapse-header {
75
+ cursor: not-allowed !important;
76
+ }
77
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
78
+ /* stylelint-disable declaration-bang-space-before */
79
+ /* stylelint-disable declaration-bang-space-before */
package/dist/style/color.css CHANGED
@@ -1 +1,622 @@
1
- .introduce{width:100%;height:auto;margin-top:22px}.introduce>div:first-child{font-size:14px;color:#666;font-family:Microsoft YaHei,PingFangSC-Medium;font-weight:500}.introduce>div:last-child{font-size:14px;color:#999}.color-title,.introduce>div:last-child{font-family:Microsoft YaHei,PingFangSC-Regular;font-weight:400}.color-title{font-size:16px;color:#000;margin-bottom:20px}.mds-color-primary{width:100%;display:inline-block;background-color:#0364ff;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-primary>span:first-child{font-size:16px;display:block}.mds-color-primary>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-light-primary{width:100%;display:inline-block;background-color:#1770ff;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-light-primary>span:first-child{font-size:16px;display:block}.mds-color-light-primary>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-dark-primary{width:100%;display:inline-block;background-color:#125acc;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-dark-primary>span:first-child{font-size:16px;display:block}.mds-color-dark-primary>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text1-1{width:100%;display:inline-block;background-color:#333;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text1-1>span:first-child{font-size:16px;display:block}.mds-color-text1-1>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text1-2{width:100%;display:inline-block;background-color:#666;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text1-2>span:first-child{font-size:16px;display:block}.mds-color-text1-2>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text1-3{width:100%;display:inline-block;background-color:#999;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text1-3>span:first-child{font-size:16px;display:block}.mds-color-text1-3>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text1-4{width:100%;display:inline-block;background-color:#ccc;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text1-4>span:first-child{font-size:16px;display:block}.mds-color-text1-4>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text2-1{width:100%;display:inline-block;background-color:#354052;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text2-1>span:first-child{font-size:16px;display:block}.mds-color-text2-1>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text2-2{width:100%;display:inline-block;background-color:#5e6c84;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text2-2>span:first-child{font-size:16px;display:block}.mds-color-text2-2>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text2-3{width:100%;display:inline-block;background-color:#7f8fa4;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text2-3>span:first-child{font-size:16px;display:block}.mds-color-text2-3>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text2-4{width:100%;display:inline-block;background-color:#a9abba;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text2-4>span:first-child{font-size:16px;display:block}.mds-color-text2-4>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text2-5{width:100%;display:inline-block;background-color:#ccd2d8;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text2-5>span:first-child{font-size:16px;display:block}.mds-color-text2-5>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-text1-5{width:100%;display:inline-block;background-color:#aaa;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-text1-5>span:first-child{font-size:16px;display:block}.mds-color-text1-5>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-line1-Border{width:100%;display:inline-block;background-color:#d8dce6;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-line1-Border>span:first-child{font-size:16px;display:block}.mds-color-line1-Border>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-line1-1{width:100%;display:inline-block;background-color:#f0f2f5;color:#666;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-line1-1>span:first-child{font-size:16px;display:block}.mds-color-line1-1>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-fill1-1{width:100%;display:inline-block;background-color:#fafafd;color:#666;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-fill1-1>span:first-child{font-size:16px;display:block}.mds-color-fill1-1>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-fill1-2{width:100%;display:inline-block;background-color:#fafbfc;color:#666;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-fill1-2>span:first-child{font-size:16px;display:block}.mds-color-fill1-2>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-success{width:100%;display:inline-block;background-color:#0a0;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-success>span:first-child{font-size:16px;display:block}.mds-color-success>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-success+ul{width:100%;height:40px}.mds-color-success+ul>li{float:left;width:20%;height:100%}.mds-color-success+ul>li:first-child{background-color:#005400;opacity:.7}.mds-color-success+ul>li:nth-child(2){background-color:#5bc62c;opacity:.7}.mds-color-success+ul>li:nth-child(3){background-color:#8cd76b;opacity:.3}.mds-color-success+ul>li:nth-child(4){background-color:#5bc62c;opacity:.1}.mds-color-success+ul>li:nth-child(5){background-color:#5bc62c;opacity:.05}.mds-color-error{width:100%;display:inline-block;background-color:#e33;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-error>span:first-child{font-size:16px;display:block}.mds-color-error>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-error+ul{width:100%;height:40px}.mds-color-error+ul>li{float:left;width:20%;height:100%}.mds-color-error+ul>li:first-child{background-color:#761919;opacity:.7}.mds-color-error+ul>li:nth-child(2){background-color:#e33;opacity:.5}.mds-color-error+ul>li:nth-child(3){background-color:#e33;opacity:.3}.mds-color-error+ul>li:nth-child(4){background-color:#e33;opacity:.1}.mds-color-error+ul>li:nth-child(5){background-color:#e33;opacity:.05}.mds-color-notice{width:100%;display:inline-block;background-color:#f60;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-notice>span:first-child{font-size:16px;display:block}.mds-color-notice>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-notice+ul{width:100%;height:40px}.mds-color-notice+ul>li{float:left;width:20%;height:100%}.mds-color-notice+ul>li:first-child{background-color:#7f3200;opacity:.7}.mds-color-notice+ul>li:nth-child(2){background-color:#f60;opacity:.5}.mds-color-notice+ul>li:nth-child(3){background-color:#f60;opacity:.3}.mds-color-notice+ul>li:nth-child(4){background-color:#f60;opacity:.1}.mds-color-notice+ul>li:nth-child(5){background-color:#f60;opacity:.05}.mds-color-warn{width:100%;display:inline-block;background-color:#ffcc01;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-warn>span:first-child{font-size:16px;display:block}.mds-color-warn>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-warn+ul{width:100%;height:40px}.mds-color-warn+ul>li{float:left;width:20%;height:100%}.mds-color-warn+ul>li:first-child{background-color:#7f6500;opacity:.7}.mds-color-warn+ul>li:nth-child(2){background-color:#ffcc01;opacity:.5}.mds-color-warn+ul>li:nth-child(3){background-color:#ffcc01;opacity:.3}.mds-color-warn+ul>li:nth-child(4){background-color:#ffcc01;opacity:.1}.mds-color-warn+ul>li:nth-child(5){background-color:#ffcc01;opacity:.05}.mds-color-link{width:100%;display:inline-block;background-color:#0364ff;color:#fff;font-family:PingFangSC-Medium;box-sizing:border-box;padding-left:30px;padding-top:15px;padding-bottom:20px}.mds-color-link>span:first-child{font-size:16px;display:block}.mds-color-link>span:last-child{display:block;font-size:14px;margin-top:5px}.mds-color-link+ul{width:100%;height:40px}.mds-color-link+ul>li{float:left;width:33.333333333%;height:100%}.mds-color-link+ul>li:first-child{background-color:#0347b3}.mds-color-link+ul>li:nth-child(2){background-color:#4f93ff;opacity:.3}.mds-color-link+ul>li:nth-child(3){background-color:#0364ff;opacity:.1}.state{font-size:16px;font-family:Microsoft YaHei,PingFangSC-Medium;font-weight:500;color:#666;margin-top:17px}.other-row{margin-top:30px}.color-margin{margin-top:54px}.color-top{margin-top:50px}
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable declaration-bang-space-before */
3
+ /* stylelint-disable declaration-bang-space-before */
4
+ .introduce {
5
+ width: 100%;
6
+ height: auto;
7
+ margin-top: 22px;
8
+ }
9
+ .introduce > div:first-child {
10
+ font-size: 14px;
11
+ color: #666;
12
+ font-family: "Microsoft YaHei", "PingFangSC-Medium";
13
+ font-weight: 500;
14
+ }
15
+ .introduce > div:last-child {
16
+ font-size: 14px;
17
+ color: #999;
18
+ font-family: "Microsoft YaHei", "PingFangSC-Regular";
19
+ font-weight: 400;
20
+ }
21
+ .color-title {
22
+ font-size: 16px;
23
+ color: #000;
24
+ font-family: "Microsoft YaHei", 'PingFangSC-Regular';
25
+ font-weight: 400;
26
+ margin-bottom: 20px;
27
+ }
28
+ .mds-color-primary {
29
+ width: 100%;
30
+ display: inline-block;
31
+ background-color: #0364ff;
32
+ color: #fff;
33
+ font-family: PingFangSC-Medium;
34
+ box-sizing: border-box;
35
+ padding-left: 30px;
36
+ padding-top: 15px;
37
+ padding-bottom: 20px;
38
+ }
39
+ .mds-color-primary > span:first-child {
40
+ font-size: 16px;
41
+ display: block;
42
+ }
43
+ .mds-color-primary > span:last-child {
44
+ display: block;
45
+ font-size: 14px;
46
+ margin-top: 5px;
47
+ }
48
+ .mds-color-light-primary {
49
+ width: 100%;
50
+ display: inline-block;
51
+ background-color: #1770FF;
52
+ color: #fff;
53
+ font-family: PingFangSC-Medium;
54
+ box-sizing: border-box;
55
+ padding-left: 30px;
56
+ padding-top: 15px;
57
+ padding-bottom: 20px;
58
+ }
59
+ .mds-color-light-primary > span:first-child {
60
+ font-size: 16px;
61
+ display: block;
62
+ }
63
+ .mds-color-light-primary > span:last-child {
64
+ display: block;
65
+ font-size: 14px;
66
+ margin-top: 5px;
67
+ }
68
+ .mds-color-dark-primary {
69
+ width: 100%;
70
+ display: inline-block;
71
+ background-color: #125ACC;
72
+ color: #fff;
73
+ font-family: PingFangSC-Medium;
74
+ box-sizing: border-box;
75
+ padding-left: 30px;
76
+ padding-top: 15px;
77
+ padding-bottom: 20px;
78
+ }
79
+ .mds-color-dark-primary > span:first-child {
80
+ font-size: 16px;
81
+ display: block;
82
+ }
83
+ .mds-color-dark-primary > span:last-child {
84
+ display: block;
85
+ font-size: 14px;
86
+ margin-top: 5px;
87
+ }
88
+ .mds-color-text1-1 {
89
+ width: 100%;
90
+ display: inline-block;
91
+ background-color: #333;
92
+ color: #fff;
93
+ font-family: PingFangSC-Medium;
94
+ box-sizing: border-box;
95
+ padding-left: 30px;
96
+ padding-top: 15px;
97
+ padding-bottom: 20px;
98
+ }
99
+ .mds-color-text1-1 > span:first-child {
100
+ font-size: 16px;
101
+ display: block;
102
+ }
103
+ .mds-color-text1-1 > span:last-child {
104
+ display: block;
105
+ font-size: 14px;
106
+ margin-top: 5px;
107
+ }
108
+ .mds-color-text1-2 {
109
+ width: 100%;
110
+ display: inline-block;
111
+ background-color: #666;
112
+ color: #fff;
113
+ font-family: PingFangSC-Medium;
114
+ box-sizing: border-box;
115
+ padding-left: 30px;
116
+ padding-top: 15px;
117
+ padding-bottom: 20px;
118
+ }
119
+ .mds-color-text1-2 > span:first-child {
120
+ font-size: 16px;
121
+ display: block;
122
+ }
123
+ .mds-color-text1-2 > span:last-child {
124
+ display: block;
125
+ font-size: 14px;
126
+ margin-top: 5px;
127
+ }
128
+ .mds-color-text1-3 {
129
+ width: 100%;
130
+ display: inline-block;
131
+ background-color: #999;
132
+ color: #fff;
133
+ font-family: PingFangSC-Medium;
134
+ box-sizing: border-box;
135
+ padding-left: 30px;
136
+ padding-top: 15px;
137
+ padding-bottom: 20px;
138
+ }
139
+ .mds-color-text1-3 > span:first-child {
140
+ font-size: 16px;
141
+ display: block;
142
+ }
143
+ .mds-color-text1-3 > span:last-child {
144
+ display: block;
145
+ font-size: 14px;
146
+ margin-top: 5px;
147
+ }
148
+ .mds-color-text1-4 {
149
+ width: 100%;
150
+ display: inline-block;
151
+ background-color: #ccc;
152
+ color: #fff;
153
+ font-family: PingFangSC-Medium;
154
+ box-sizing: border-box;
155
+ padding-left: 30px;
156
+ padding-top: 15px;
157
+ padding-bottom: 20px;
158
+ }
159
+ .mds-color-text1-4 > span:first-child {
160
+ font-size: 16px;
161
+ display: block;
162
+ }
163
+ .mds-color-text1-4 > span:last-child {
164
+ display: block;
165
+ font-size: 14px;
166
+ margin-top: 5px;
167
+ }
168
+ .mds-color-text2-1 {
169
+ width: 100%;
170
+ display: inline-block;
171
+ background-color: #354052;
172
+ color: #fff;
173
+ font-family: PingFangSC-Medium;
174
+ box-sizing: border-box;
175
+ padding-left: 30px;
176
+ padding-top: 15px;
177
+ padding-bottom: 20px;
178
+ }
179
+ .mds-color-text2-1 > span:first-child {
180
+ font-size: 16px;
181
+ display: block;
182
+ }
183
+ .mds-color-text2-1 > span:last-child {
184
+ display: block;
185
+ font-size: 14px;
186
+ margin-top: 5px;
187
+ }
188
+ .mds-color-text2-2 {
189
+ width: 100%;
190
+ display: inline-block;
191
+ background-color: #5E6C84;
192
+ color: #fff;
193
+ font-family: PingFangSC-Medium;
194
+ box-sizing: border-box;
195
+ padding-left: 30px;
196
+ padding-top: 15px;
197
+ padding-bottom: 20px;
198
+ }
199
+ .mds-color-text2-2 > span:first-child {
200
+ font-size: 16px;
201
+ display: block;
202
+ }
203
+ .mds-color-text2-2 > span:last-child {
204
+ display: block;
205
+ font-size: 14px;
206
+ margin-top: 5px;
207
+ }
208
+ .mds-color-text2-3 {
209
+ width: 100%;
210
+ display: inline-block;
211
+ background-color: #7F8FA4;
212
+ color: #fff;
213
+ font-family: PingFangSC-Medium;
214
+ box-sizing: border-box;
215
+ padding-left: 30px;
216
+ padding-top: 15px;
217
+ padding-bottom: 20px;
218
+ }
219
+ .mds-color-text2-3 > span:first-child {
220
+ font-size: 16px;
221
+ display: block;
222
+ }
223
+ .mds-color-text2-3 > span:last-child {
224
+ display: block;
225
+ font-size: 14px;
226
+ margin-top: 5px;
227
+ }
228
+ .mds-color-text2-4 {
229
+ width: 100%;
230
+ display: inline-block;
231
+ background-color: #A9ABBA;
232
+ color: #fff;
233
+ font-family: PingFangSC-Medium;
234
+ box-sizing: border-box;
235
+ padding-left: 30px;
236
+ padding-top: 15px;
237
+ padding-bottom: 20px;
238
+ }
239
+ .mds-color-text2-4 > span:first-child {
240
+ font-size: 16px;
241
+ display: block;
242
+ }
243
+ .mds-color-text2-4 > span:last-child {
244
+ display: block;
245
+ font-size: 14px;
246
+ margin-top: 5px;
247
+ }
248
+ .mds-color-text2-5 {
249
+ width: 100%;
250
+ display: inline-block;
251
+ background-color: #CCD2D8;
252
+ color: #fff;
253
+ font-family: PingFangSC-Medium;
254
+ box-sizing: border-box;
255
+ padding-left: 30px;
256
+ padding-top: 15px;
257
+ padding-bottom: 20px;
258
+ }
259
+ .mds-color-text2-5 > span:first-child {
260
+ font-size: 16px;
261
+ display: block;
262
+ }
263
+ .mds-color-text2-5 > span:last-child {
264
+ display: block;
265
+ font-size: 14px;
266
+ margin-top: 5px;
267
+ }
268
+ .mds-color-text1-5 {
269
+ width: 100%;
270
+ display: inline-block;
271
+ background-color: #aaa;
272
+ color: #fff;
273
+ font-family: PingFangSC-Medium;
274
+ box-sizing: border-box;
275
+ padding-left: 30px;
276
+ padding-top: 15px;
277
+ padding-bottom: 20px;
278
+ }
279
+ .mds-color-text1-5 > span:first-child {
280
+ font-size: 16px;
281
+ display: block;
282
+ }
283
+ .mds-color-text1-5 > span:last-child {
284
+ display: block;
285
+ font-size: 14px;
286
+ margin-top: 5px;
287
+ }
288
+ .mds-color-line1-Border {
289
+ width: 100%;
290
+ display: inline-block;
291
+ background-color: #D8DCE6;
292
+ color: #fff;
293
+ font-family: PingFangSC-Medium;
294
+ box-sizing: border-box;
295
+ padding-left: 30px;
296
+ padding-top: 15px;
297
+ padding-bottom: 20px;
298
+ }
299
+ .mds-color-line1-Border > span:first-child {
300
+ font-size: 16px;
301
+ display: block;
302
+ }
303
+ .mds-color-line1-Border > span:last-child {
304
+ display: block;
305
+ font-size: 14px;
306
+ margin-top: 5px;
307
+ }
308
+ .mds-color-line1-1 {
309
+ width: 100%;
310
+ display: inline-block;
311
+ background-color: #F0F2F5;
312
+ color: #666;
313
+ font-family: PingFangSC-Medium;
314
+ box-sizing: border-box;
315
+ padding-left: 30px;
316
+ padding-top: 15px;
317
+ padding-bottom: 20px;
318
+ }
319
+ .mds-color-line1-1 > span:first-child {
320
+ font-size: 16px;
321
+ display: block;
322
+ }
323
+ .mds-color-line1-1 > span:last-child {
324
+ display: block;
325
+ font-size: 14px;
326
+ margin-top: 5px;
327
+ }
328
+ .mds-color-fill1-1 {
329
+ width: 100%;
330
+ display: inline-block;
331
+ background-color: #FAFAFD;
332
+ color: #666;
333
+ font-family: PingFangSC-Medium;
334
+ box-sizing: border-box;
335
+ padding-left: 30px;
336
+ padding-top: 15px;
337
+ padding-bottom: 20px;
338
+ }
339
+ .mds-color-fill1-1 > span:first-child {
340
+ font-size: 16px;
341
+ display: block;
342
+ }
343
+ .mds-color-fill1-1 > span:last-child {
344
+ display: block;
345
+ font-size: 14px;
346
+ margin-top: 5px;
347
+ }
348
+ .mds-color-fill1-2 {
349
+ width: 100%;
350
+ display: inline-block;
351
+ background-color: #FAFBFC;
352
+ color: #666;
353
+ font-family: PingFangSC-Medium;
354
+ box-sizing: border-box;
355
+ padding-left: 30px;
356
+ padding-top: 15px;
357
+ padding-bottom: 20px;
358
+ }
359
+ .mds-color-fill1-2 > span:first-child {
360
+ font-size: 16px;
361
+ display: block;
362
+ }
363
+ .mds-color-fill1-2 > span:last-child {
364
+ display: block;
365
+ font-size: 14px;
366
+ margin-top: 5px;
367
+ }
368
+ .mds-color-success {
369
+ width: 100%;
370
+ display: inline-block;
371
+ background-color: #00AA00;
372
+ color: #fff;
373
+ font-family: PingFangSC-Medium;
374
+ box-sizing: border-box;
375
+ padding-left: 30px;
376
+ padding-top: 15px;
377
+ padding-bottom: 20px;
378
+ }
379
+ .mds-color-success > span:first-child {
380
+ font-size: 16px;
381
+ display: block;
382
+ }
383
+ .mds-color-success > span:last-child {
384
+ display: block;
385
+ font-size: 14px;
386
+ margin-top: 5px;
387
+ }
388
+ .mds-color-success + ul {
389
+ width: 100%;
390
+ height: 40px;
391
+ }
392
+ .mds-color-success + ul > li {
393
+ float: left;
394
+ width: 20%;
395
+ height: 100%;
396
+ }
397
+ .mds-color-success + ul > li:nth-child(1) {
398
+ background-color: #005400;
399
+ opacity: .7;
400
+ }
401
+ .mds-color-success + ul > li:nth-child(2) {
402
+ background-color: #5BC62C;
403
+ opacity: .7;
404
+ }
405
+ .mds-color-success + ul > li:nth-child(3) {
406
+ background-color: #8CD76B;
407
+ opacity: .3;
408
+ }
409
+ .mds-color-success + ul > li:nth-child(4) {
410
+ background-color: #5BC62C;
411
+ opacity: .1;
412
+ }
413
+ .mds-color-success + ul > li:nth-child(5) {
414
+ background-color: #5BC62C;
415
+ opacity: 0.05;
416
+ }
417
+ .mds-color-error {
418
+ width: 100%;
419
+ display: inline-block;
420
+ background-color: #EE3333;
421
+ color: #fff;
422
+ font-family: PingFangSC-Medium;
423
+ box-sizing: border-box;
424
+ padding-left: 30px;
425
+ padding-top: 15px;
426
+ padding-bottom: 20px;
427
+ }
428
+ .mds-color-error > span:first-child {
429
+ font-size: 16px;
430
+ display: block;
431
+ }
432
+ .mds-color-error > span:last-child {
433
+ display: block;
434
+ font-size: 14px;
435
+ margin-top: 5px;
436
+ }
437
+ .mds-color-error + ul {
438
+ width: 100%;
439
+ height: 40px;
440
+ }
441
+ .mds-color-error + ul > li {
442
+ float: left;
443
+ width: 20%;
444
+ height: 100%;
445
+ }
446
+ .mds-color-error + ul > li:nth-child(1) {
447
+ background-color: #761919;
448
+ opacity: .7;
449
+ }
450
+ .mds-color-error + ul > li:nth-child(2) {
451
+ background-color: #EE3333;
452
+ opacity: .5;
453
+ }
454
+ .mds-color-error + ul > li:nth-child(3) {
455
+ background-color: #EE3333;
456
+ opacity: .3;
457
+ }
458
+ .mds-color-error + ul > li:nth-child(4) {
459
+ background-color: #EE3333;
460
+ opacity: .1;
461
+ }
462
+ .mds-color-error + ul > li:nth-child(5) {
463
+ background-color: #EE3333;
464
+ opacity: 0.05;
465
+ }
466
+ .mds-color-notice {
467
+ width: 100%;
468
+ display: inline-block;
469
+ background-color: #FF6600;
470
+ color: #fff;
471
+ font-family: PingFangSC-Medium;
472
+ box-sizing: border-box;
473
+ padding-left: 30px;
474
+ padding-top: 15px;
475
+ padding-bottom: 20px;
476
+ }
477
+ .mds-color-notice > span:first-child {
478
+ font-size: 16px;
479
+ display: block;
480
+ }
481
+ .mds-color-notice > span:last-child {
482
+ display: block;
483
+ font-size: 14px;
484
+ margin-top: 5px;
485
+ }
486
+ .mds-color-notice + ul {
487
+ width: 100%;
488
+ height: 40px;
489
+ }
490
+ .mds-color-notice + ul > li {
491
+ float: left;
492
+ width: 20%;
493
+ height: 100%;
494
+ }
495
+ .mds-color-notice + ul > li:nth-child(1) {
496
+ background-color: #7F3200;
497
+ opacity: .7;
498
+ }
499
+ .mds-color-notice + ul > li:nth-child(2) {
500
+ background-color: #FF6600;
501
+ opacity: .5;
502
+ }
503
+ .mds-color-notice + ul > li:nth-child(3) {
504
+ background-color: #FF6600;
505
+ opacity: .3;
506
+ }
507
+ .mds-color-notice + ul > li:nth-child(4) {
508
+ background-color: #FF6600;
509
+ opacity: .1;
510
+ }
511
+ .mds-color-notice + ul > li:nth-child(5) {
512
+ background-color: #FF6600;
513
+ opacity: 0.05;
514
+ }
515
+ .mds-color-warn {
516
+ width: 100%;
517
+ display: inline-block;
518
+ background-color: #FFCC01;
519
+ color: #fff;
520
+ font-family: PingFangSC-Medium;
521
+ box-sizing: border-box;
522
+ padding-left: 30px;
523
+ padding-top: 15px;
524
+ padding-bottom: 20px;
525
+ }
526
+ .mds-color-warn > span:first-child {
527
+ font-size: 16px;
528
+ display: block;
529
+ }
530
+ .mds-color-warn > span:last-child {
531
+ display: block;
532
+ font-size: 14px;
533
+ margin-top: 5px;
534
+ }
535
+ .mds-color-warn + ul {
536
+ width: 100%;
537
+ height: 40px;
538
+ }
539
+ .mds-color-warn + ul > li {
540
+ float: left;
541
+ width: 20%;
542
+ height: 100%;
543
+ }
544
+ .mds-color-warn + ul > li:nth-child(1) {
545
+ background-color: #7F6500;
546
+ opacity: .7;
547
+ }
548
+ .mds-color-warn + ul > li:nth-child(2) {
549
+ background-color: #FFCC01;
550
+ opacity: .5;
551
+ }
552
+ .mds-color-warn + ul > li:nth-child(3) {
553
+ background-color: #FFCC01;
554
+ opacity: .3;
555
+ }
556
+ .mds-color-warn + ul > li:nth-child(4) {
557
+ background-color: #FFCC01;
558
+ opacity: .1;
559
+ }
560
+ .mds-color-warn + ul > li:nth-child(5) {
561
+ background-color: #FFCC01;
562
+ opacity: 0.05;
563
+ }
564
+ .mds-color-link {
565
+ width: 100%;
566
+ display: inline-block;
567
+ background-color: #0364ff;
568
+ color: #fff;
569
+ font-family: PingFangSC-Medium;
570
+ box-sizing: border-box;
571
+ padding-left: 30px;
572
+ padding-top: 15px;
573
+ padding-bottom: 20px;
574
+ }
575
+ .mds-color-link > span:first-child {
576
+ font-size: 16px;
577
+ display: block;
578
+ }
579
+ .mds-color-link > span:last-child {
580
+ display: block;
581
+ font-size: 14px;
582
+ margin-top: 5px;
583
+ }
584
+ .mds-color-link + ul {
585
+ width: 100%;
586
+ height: 40px;
587
+ }
588
+ .mds-color-link + ul > li {
589
+ float: left;
590
+ width: 33.333333333%;
591
+ height: 100%;
592
+ }
593
+ .mds-color-link + ul > li:nth-child(1) {
594
+ background-color: #0347B3;
595
+ }
596
+ .mds-color-link + ul > li:nth-child(2) {
597
+ background-color: #4F93FF;
598
+ opacity: .3;
599
+ }
600
+ .mds-color-link + ul > li:nth-child(3) {
601
+ background-color: #0364FF;
602
+ opacity: .1;
603
+ }
604
+ .state {
605
+ font-size: 16px;
606
+ font-family: "Microsoft YaHei", "PingFangSC-Medium";
607
+ font-weight: 500;
608
+ color: #666666;
609
+ margin-top: 17px;
610
+ }
611
+ .other-row {
612
+ margin-top: 30px;
613
+ }
614
+ .color-margin {
615
+ margin-top: 54px;
616
+ }
617
+ .color-top {
618
+ margin-top: 50px;
619
+ }
620
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
621
+ /* stylelint-disable declaration-bang-space-before */
622
+ /* stylelint-disable declaration-bang-space-before */