@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.3

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 (121) hide show
  1. package/dist/affix.js +10 -10
  2. package/dist/alert.js +6 -6
  3. package/dist/anchor.js +6 -6
  4. package/dist/avatar.js +6 -6
  5. package/dist/backtop.js +11 -11
  6. package/dist/badge.js +18 -18
  7. package/dist/bordershadow.js +6 -6
  8. package/dist/breadcrumb.js +6 -6
  9. package/dist/button.js +11 -18
  10. package/dist/card.js +6 -6
  11. package/dist/carousel.js +8 -8
  12. package/dist/cascader.js +21 -21
  13. package/dist/cascaderpanel.js +15 -15
  14. package/dist/checkbox.js +4 -4
  15. package/dist/col.js +8 -8
  16. package/dist/collapse.js +6 -6
  17. package/dist/color.js +6 -6
  18. package/dist/datepicker.js +22 -22
  19. package/dist/divider.js +6 -6
  20. package/dist/drawer.js +9 -9
  21. package/dist/dropdown.js +13 -35
  22. package/dist/empty.js +6 -6
  23. package/dist/font.js +6 -6
  24. package/dist/form.js +10 -10
  25. package/dist/icon.js +6 -6
  26. package/dist/index.js +7 -7
  27. package/dist/input.js +10 -10
  28. package/dist/inputnumber.js +6 -6
  29. package/dist/layout.js +6 -6
  30. package/dist/list.js +6 -6
  31. package/dist/loading.js +6 -6
  32. package/dist/mds-ui.min.css +1 -1
  33. package/dist/mds-ui.min.js +15 -14
  34. package/dist/menu.js +17 -17
  35. package/dist/message.js +4 -4
  36. package/dist/modal.js +11 -11
  37. package/dist/notification.js +11 -11
  38. package/dist/pagination.js +11 -11
  39. package/dist/popconfirm.js +18 -64
  40. package/dist/popover.js +11 -18
  41. package/dist/progress.js +6 -6
  42. package/dist/radio.js +6 -6
  43. package/dist/rate.js +10 -10
  44. package/dist/row.js +8 -8
  45. package/dist/select.js +20 -20
  46. package/dist/slider.js +25 -25
  47. package/dist/slottable.js +18 -18
  48. package/dist/steps.js +6 -6
  49. package/dist/style/affix.css +1 -10
  50. package/dist/style/alert.css +1 -138
  51. package/dist/style/anchor.css +1 -58
  52. package/dist/style/avatar.css +1 -73
  53. package/dist/style/backtop.css +1 -34
  54. package/dist/style/badge.css +1 -141
  55. package/dist/style/bordershadow.css +1 -42
  56. package/dist/style/breadcrumb.css +1 -37
  57. package/dist/style/button.css +1 -2172
  58. package/dist/style/card.css +1 -156
  59. package/dist/style/carousel.css +1 -217
  60. package/dist/style/cascader.css +1 -214
  61. package/dist/style/cascaderpanel.css +1 -122
  62. package/dist/style/checkbox.css +1 -186
  63. package/dist/style/col.css +1 -2607
  64. package/dist/style/collapse.css +1 -79
  65. package/dist/style/color.css +1 -622
  66. package/dist/style/datepicker.css +1 -542
  67. package/dist/style/divider.css +1 -47
  68. package/dist/style/drawer.css +1 -2465
  69. package/dist/style/dropdown.css +1 -2443
  70. package/dist/style/empty.css +1 -49
  71. package/dist/style/font.css +1 -45
  72. package/dist/style/form.css +1 -148
  73. package/dist/style/icon.css +1 -25
  74. package/dist/style/index.css +1 -1
  75. package/dist/style/input.css +1 -760
  76. package/dist/style/inputnumber.css +1 -314
  77. package/dist/style/layout.css +1 -58
  78. package/dist/style/list.css +1 -141
  79. package/dist/style/loading.css +1 -2329
  80. package/dist/style/menu.css +1 -658
  81. package/dist/style/message.css +1 -191
  82. package/dist/style/modal.css +1 -123
  83. package/dist/style/notification.css +1 -192
  84. package/dist/style/pagination.css +1 -1190
  85. package/dist/style/popconfirm.css +1 -2369
  86. package/dist/style/popover.css +1 -138
  87. package/dist/style/progress.css +1 -179
  88. package/dist/style/radio.css +1 -255
  89. package/dist/style/rate.css +1 -81
  90. package/dist/style/row.css +1 -2607
  91. package/dist/style/select.css +1 -221
  92. package/dist/style/slider.css +1 -80
  93. package/dist/style/slottable.css +1 -296
  94. package/dist/style/steps.css +1 -586
  95. package/dist/style/switch.css +1 -110
  96. package/dist/style/table.css +1 -2778
  97. package/dist/style/tabs.css +1 -518
  98. package/dist/style/tag.css +1 -421
  99. package/dist/style/text.css +1 -122
  100. package/dist/style/timeline.css +1 -88
  101. package/dist/style/timepicker.css +1 -393
  102. package/dist/style/tooltip.css +1 -161
  103. package/dist/style/transfer.css +1 -206
  104. package/dist/style/transition.css +1 -1413
  105. package/dist/style/tree.css +1 -84
  106. package/dist/style/typography.css +1 -126
  107. package/dist/style/upload.css +1 -320
  108. package/dist/switch.js +6 -6
  109. package/dist/table.js +66 -80
  110. package/dist/tabs.js +6 -6
  111. package/dist/tag.js +6 -6
  112. package/dist/text.js +828 -828
  113. package/dist/timeline.js +6 -6
  114. package/dist/timepicker.js +18 -18
  115. package/dist/tooltip.js +8 -8
  116. package/dist/transfer.js +75 -75
  117. package/dist/transition.js +4 -4
  118. package/dist/tree.js +6 -6
  119. package/dist/typography.js +6 -6
  120. package/dist/upload.js +10 -10
  121. package/package.json +1 -1
package/dist/style/collapse.css CHANGED
@@ -1,79 +1 @@
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 */
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}
package/dist/style/color.css CHANGED
@@ -1,622 +1 @@
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 */
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}