imatrix-ui 2.7.35 → 2.7.36
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.
- package/package.json +1 -1
- package/src/styles/index.scss +131 -83
package/package.json
CHANGED
package/src/styles/index.scss
CHANGED
|
@@ -6,41 +6,54 @@
|
|
|
6
6
|
body {
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
}
|
|
9
|
+
|
|
9
10
|
// 省略号
|
|
10
|
-
.ellipsis{
|
|
11
|
+
.ellipsis {
|
|
11
12
|
// display: inline-block;
|
|
12
|
-
overflow:hidden;
|
|
13
|
-
text-overflow:ellipsis;
|
|
14
|
-
white-space:nowrap;
|
|
15
|
-
word-break:keep-all;
|
|
13
|
+
overflow: hidden;
|
|
14
|
+
text-overflow: ellipsis;
|
|
15
|
+
white-space: nowrap;
|
|
16
|
+
word-break: keep-all;
|
|
16
17
|
width: 100%;
|
|
17
18
|
}
|
|
19
|
+
|
|
18
20
|
// 解决el-table表头错位问题
|
|
19
|
-
body .el-table th.gutter{
|
|
20
|
-
display: table-cell!important;
|
|
21
|
+
body .el-table th.gutter {
|
|
22
|
+
display: table-cell !important;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
|
-
body .el-table colgroup.gutter{
|
|
24
|
-
display: table-cell!important;
|
|
25
|
+
body .el-table colgroup.gutter {
|
|
26
|
+
display: table-cell !important;
|
|
25
27
|
}
|
|
26
28
|
|
|
27
|
-
.blue .el-dialog__header
|
|
29
|
+
.blue .el-dialog__header,
|
|
30
|
+
.blue2 .el-dialog__header,
|
|
31
|
+
.black .el-dialog__header {
|
|
28
32
|
padding: 10px 10px 10px;
|
|
29
33
|
}
|
|
30
|
-
|
|
34
|
+
|
|
35
|
+
.blue .el-dialog__body,
|
|
36
|
+
.blue2 .el-dialog__body,
|
|
37
|
+
.black .el-dialog__body {
|
|
31
38
|
padding: 10px 10px;
|
|
32
39
|
}
|
|
40
|
+
|
|
33
41
|
.blue {
|
|
34
42
|
height: 100%;
|
|
35
43
|
-moz-osx-font-smoothing: grayscale;
|
|
36
44
|
-webkit-font-smoothing: antialiased;
|
|
37
45
|
text-rendering: optimizeLegibility;
|
|
38
|
-
font-family: SourceHanSansCN-Regular, SourceHanSansCN
|
|
46
|
+
font-family: SourceHanSansCN-Regular, SourceHanSansCN, Arial, sans-serif;
|
|
39
47
|
font-size: 14px;
|
|
40
48
|
color: #4A4A4A;
|
|
41
49
|
|
|
42
|
-
.fl{
|
|
43
|
-
|
|
50
|
+
.fl {
|
|
51
|
+
float: left;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.fr {
|
|
55
|
+
float: right;
|
|
56
|
+
}
|
|
44
57
|
|
|
45
58
|
|
|
46
59
|
html {
|
|
@@ -48,7 +61,7 @@ body .el-table colgroup.gutter{
|
|
|
48
61
|
box-sizing: border-box;
|
|
49
62
|
}
|
|
50
63
|
|
|
51
|
-
#app{
|
|
64
|
+
#app {
|
|
52
65
|
height: 100%;
|
|
53
66
|
}
|
|
54
67
|
|
|
@@ -61,7 +74,7 @@ body .el-table colgroup.gutter{
|
|
|
61
74
|
text-decoration: none;
|
|
62
75
|
}
|
|
63
76
|
|
|
64
|
-
div:focus{
|
|
77
|
+
div:focus {
|
|
65
78
|
outline: none;
|
|
66
79
|
}
|
|
67
80
|
|
|
@@ -90,7 +103,7 @@ body .el-table colgroup.gutter{
|
|
|
90
103
|
}
|
|
91
104
|
|
|
92
105
|
//main-container全局样式
|
|
93
|
-
.app-main{
|
|
106
|
+
.app-main {
|
|
94
107
|
min-height: 100%
|
|
95
108
|
}
|
|
96
109
|
|
|
@@ -102,25 +115,29 @@ body .el-table colgroup.gutter{
|
|
|
102
115
|
margin-bottom: 10px;
|
|
103
116
|
height: 40px;
|
|
104
117
|
}
|
|
105
|
-
|
|
106
|
-
|
|
118
|
+
|
|
119
|
+
.form-container {
|
|
120
|
+
height: calc(100vh - 82px);
|
|
107
121
|
overflow: auto;
|
|
108
122
|
}
|
|
109
|
-
|
|
110
|
-
|
|
123
|
+
|
|
124
|
+
.form-container .el-form .el-card {
|
|
125
|
+
margin-bottom: 10px;
|
|
111
126
|
}
|
|
112
|
-
|
|
113
|
-
|
|
127
|
+
|
|
128
|
+
.form-container .el-form .el-card:last-child {
|
|
129
|
+
margin-bottom: 0;
|
|
114
130
|
}
|
|
131
|
+
|
|
115
132
|
// 带有tab页签的表单高度
|
|
116
|
-
.tab-form-container{
|
|
117
|
-
height:calc(100vh - 190px);
|
|
133
|
+
.tab-form-container {
|
|
134
|
+
height: calc(100vh - 190px);
|
|
118
135
|
overflow: auto;
|
|
119
136
|
}
|
|
120
137
|
|
|
121
138
|
|
|
122
139
|
// 解决tab页签中内容多时没有滚动条问题
|
|
123
|
-
.el-tabs__content{
|
|
140
|
+
.el-tabs__content {
|
|
124
141
|
flex-grow: 1;
|
|
125
142
|
overflow-y: auto;
|
|
126
143
|
}
|
|
@@ -131,19 +148,22 @@ body .el-table colgroup.gutter{
|
|
|
131
148
|
.el-dialog__wrapper {
|
|
132
149
|
position: absolute;
|
|
133
150
|
}
|
|
151
|
+
|
|
134
152
|
// MessageBox的样式，必须这样修改，否则会导致点击确定、取消按钮不好用
|
|
135
153
|
.el-message-box__wrapper {
|
|
136
154
|
position: absolute;
|
|
137
155
|
}
|
|
156
|
+
|
|
138
157
|
// dialog遮罩层的样式
|
|
139
158
|
.v-modal {
|
|
140
159
|
position: absolute;
|
|
141
160
|
}
|
|
142
161
|
|
|
143
|
-
.el-tree-node.is-current
|
|
162
|
+
.el-tree-node.is-current>.el-tree-node__content {
|
|
144
163
|
background-color: #c2d6ea !important;
|
|
145
164
|
}
|
|
146
|
-
|
|
165
|
+
|
|
166
|
+
.el-pagination {
|
|
147
167
|
background: #fff;
|
|
148
168
|
text-align: center;
|
|
149
169
|
padding: 5px 0;
|
|
@@ -169,7 +189,7 @@ body .el-table colgroup.gutter{
|
|
|
169
189
|
}
|
|
170
190
|
|
|
171
191
|
.el-table--enable-row-hover .el-table__body tr:hover>td {
|
|
172
|
-
background-color
|
|
192
|
+
background-color: #FFF3CB
|
|
173
193
|
}
|
|
174
194
|
|
|
175
195
|
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
|
|
@@ -183,8 +203,9 @@ body .el-table colgroup.gutter{
|
|
|
183
203
|
|
|
184
204
|
.el-table th {
|
|
185
205
|
background-color: #eee;
|
|
186
|
-
color
|
|
206
|
+
color: #555
|
|
187
207
|
}
|
|
208
|
+
|
|
188
209
|
// 列表表头整个都有背景色
|
|
189
210
|
.el-table .el-table__header-wrapper {
|
|
190
211
|
background: #eee;
|
|
@@ -196,23 +217,28 @@ body .el-table colgroup.gutter{
|
|
|
196
217
|
-moz-osx-font-smoothing: grayscale;
|
|
197
218
|
-webkit-font-smoothing: antialiased;
|
|
198
219
|
text-rendering: optimizeLegibility;
|
|
199
|
-
font-family: SourceHanSansCN-Regular, SourceHanSansCN
|
|
220
|
+
font-family: SourceHanSansCN-Regular, SourceHanSansCN, Arial, sans-serif;
|
|
200
221
|
font-size: 14px;
|
|
201
222
|
color: #333;
|
|
202
223
|
|
|
203
|
-
.fl{
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
224
|
+
.fl {
|
|
225
|
+
float: left;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.fr {
|
|
229
|
+
float: right;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
|
|
207
233
|
html {
|
|
208
234
|
height: 100%;
|
|
209
235
|
box-sizing: border-box;
|
|
210
236
|
}
|
|
211
|
-
|
|
212
|
-
#app{
|
|
237
|
+
|
|
238
|
+
#app {
|
|
213
239
|
height: 100%;
|
|
214
240
|
}
|
|
215
|
-
|
|
241
|
+
|
|
216
242
|
a,
|
|
217
243
|
a:focus,
|
|
218
244
|
a:hover {
|
|
@@ -221,16 +247,16 @@ body .el-table colgroup.gutter{
|
|
|
221
247
|
outline: none;
|
|
222
248
|
text-decoration: none;
|
|
223
249
|
}
|
|
224
|
-
|
|
225
|
-
div:focus{
|
|
250
|
+
|
|
251
|
+
div:focus {
|
|
226
252
|
outline: none;
|
|
227
|
-
|
|
228
|
-
|
|
253
|
+
}
|
|
254
|
+
|
|
229
255
|
a:focus,
|
|
230
256
|
a:active {
|
|
231
257
|
outline: none;
|
|
232
258
|
}
|
|
233
|
-
|
|
259
|
+
|
|
234
260
|
a,
|
|
235
261
|
a:focus,
|
|
236
262
|
a:hover {
|
|
@@ -238,7 +264,7 @@ body .el-table colgroup.gutter{
|
|
|
238
264
|
color: inherit;
|
|
239
265
|
text-decoration: none;
|
|
240
266
|
}
|
|
241
|
-
|
|
267
|
+
|
|
242
268
|
.clearfix {
|
|
243
269
|
&:after {
|
|
244
270
|
visibility: hidden;
|
|
@@ -249,63 +275,71 @@ body .el-table colgroup.gutter{
|
|
|
249
275
|
height: 0;
|
|
250
276
|
}
|
|
251
277
|
}
|
|
252
|
-
|
|
278
|
+
|
|
253
279
|
//main-container全局样式
|
|
254
|
-
.app-main{
|
|
280
|
+
.app-main {
|
|
255
281
|
min-height: 100%
|
|
256
282
|
}
|
|
257
|
-
|
|
283
|
+
|
|
258
284
|
.app-container {
|
|
259
285
|
padding: 20px;
|
|
260
286
|
}
|
|
261
|
-
|
|
287
|
+
|
|
262
288
|
.operation-area {
|
|
263
289
|
margin-bottom: 10px;
|
|
264
290
|
}
|
|
265
|
-
|
|
266
|
-
|
|
291
|
+
|
|
292
|
+
.form-container {
|
|
293
|
+
height: calc(100vh - 82px);
|
|
267
294
|
overflow: auto;
|
|
268
295
|
}
|
|
269
|
-
|
|
270
|
-
|
|
296
|
+
|
|
297
|
+
.form-container .el-form .el-card {
|
|
298
|
+
margin-bottom: 10px;
|
|
271
299
|
}
|
|
272
|
-
|
|
273
|
-
|
|
300
|
+
|
|
301
|
+
.form-container .el-form .el-card:last-child {
|
|
302
|
+
margin-bottom: 0;
|
|
274
303
|
}
|
|
304
|
+
|
|
275
305
|
// 带有tab页签的表单高度
|
|
276
|
-
.tab-form-container{
|
|
277
|
-
height:calc(100vh - 190px);
|
|
306
|
+
.tab-form-container {
|
|
307
|
+
height: calc(100vh - 190px);
|
|
278
308
|
overflow: auto;
|
|
279
309
|
}
|
|
310
|
+
|
|
280
311
|
// 解决tab页签中内容多时没有滚动条问题
|
|
281
|
-
.el-tabs__content{
|
|
312
|
+
.el-tabs__content {
|
|
282
313
|
flex-grow: 1;
|
|
283
314
|
overflow-y: auto;
|
|
284
315
|
}
|
|
285
|
-
|
|
316
|
+
|
|
286
317
|
// 解决在edge浏览器中dialog有遮罩层 或 MessageBox的$confirm时，遮罩层偏移，导致弹框中组件元素无法操作问题。
|
|
287
318
|
// .el-dialog__wrapper、.el-message-box__wrapper、.v-modal默认position是relative，改为absolute就不会出现偏移了。
|
|
288
319
|
// dialog弹框的样式
|
|
289
320
|
.el-dialog__wrapper {
|
|
290
321
|
position: absolute;
|
|
291
322
|
}
|
|
323
|
+
|
|
292
324
|
// MessageBox的样式，必须这样修改，否则会导致点击确定、取消按钮不好用
|
|
293
325
|
.el-message-box__wrapper {
|
|
294
326
|
position: absolute;
|
|
295
327
|
}
|
|
328
|
+
|
|
296
329
|
// dialog遮罩层的样式
|
|
297
330
|
.v-modal {
|
|
298
331
|
position: absolute;
|
|
299
332
|
}
|
|
300
|
-
|
|
301
|
-
.el-tree-node.is-current
|
|
333
|
+
|
|
334
|
+
.el-tree-node.is-current>.el-tree-node__content {
|
|
302
335
|
background-color: #c2d6ea !important;
|
|
303
336
|
}
|
|
304
337
|
|
|
305
338
|
.el-table th {
|
|
306
339
|
background-color: #eee;
|
|
307
|
-
color
|
|
340
|
+
color: #555
|
|
308
341
|
}
|
|
342
|
+
|
|
309
343
|
// 列表表头整个都有背景色
|
|
310
344
|
.el-table .el-table__header-wrapper {
|
|
311
345
|
background: #eee;
|
|
@@ -317,12 +351,17 @@ body .el-table colgroup.gutter{
|
|
|
317
351
|
-moz-osx-font-smoothing: grayscale;
|
|
318
352
|
-webkit-font-smoothing: antialiased;
|
|
319
353
|
text-rendering: optimizeLegibility;
|
|
320
|
-
font-family: SourceHanSansCN-Regular, SourceHanSansCN
|
|
354
|
+
font-family: SourceHanSansCN-Regular, SourceHanSansCN, Arial, sans-serif;
|
|
321
355
|
font-size: 14px;
|
|
322
356
|
color: #4A4A4A;
|
|
323
357
|
|
|
324
|
-
.fl{
|
|
325
|
-
|
|
358
|
+
.fl {
|
|
359
|
+
float: left;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.fr {
|
|
363
|
+
float: right;
|
|
364
|
+
}
|
|
326
365
|
|
|
327
366
|
|
|
328
367
|
html {
|
|
@@ -330,7 +369,7 @@ body .el-table colgroup.gutter{
|
|
|
330
369
|
box-sizing: border-box;
|
|
331
370
|
}
|
|
332
371
|
|
|
333
|
-
#app{
|
|
372
|
+
#app {
|
|
334
373
|
height: 100%;
|
|
335
374
|
}
|
|
336
375
|
|
|
@@ -343,7 +382,7 @@ body .el-table colgroup.gutter{
|
|
|
343
382
|
text-decoration: none;
|
|
344
383
|
}
|
|
345
384
|
|
|
346
|
-
div:focus{
|
|
385
|
+
div:focus {
|
|
347
386
|
outline: none;
|
|
348
387
|
}
|
|
349
388
|
|
|
@@ -372,7 +411,7 @@ body .el-table colgroup.gutter{
|
|
|
372
411
|
}
|
|
373
412
|
|
|
374
413
|
//main-container全局样式
|
|
375
|
-
.app-main{
|
|
414
|
+
.app-main {
|
|
376
415
|
min-height: 100%
|
|
377
416
|
}
|
|
378
417
|
|
|
@@ -384,20 +423,23 @@ body .el-table colgroup.gutter{
|
|
|
384
423
|
margin-bottom: 10px;
|
|
385
424
|
height: 40px;
|
|
386
425
|
}
|
|
387
|
-
|
|
388
|
-
|
|
426
|
+
|
|
427
|
+
.form-container {
|
|
428
|
+
height: calc(100vh - 82px);
|
|
389
429
|
overflow: auto;
|
|
390
430
|
}
|
|
391
|
-
|
|
392
|
-
|
|
431
|
+
|
|
432
|
+
.form-container .el-form .el-card {
|
|
433
|
+
margin-bottom: 10px;
|
|
393
434
|
}
|
|
394
|
-
|
|
395
|
-
|
|
435
|
+
|
|
436
|
+
.form-container .el-form .el-card:last-child {
|
|
437
|
+
margin-bottom: 0;
|
|
396
438
|
}
|
|
397
439
|
|
|
398
440
|
|
|
399
441
|
// 解决tab页签中内容多时没有滚动条问题
|
|
400
|
-
.el-tabs__content{
|
|
442
|
+
.el-tabs__content {
|
|
401
443
|
flex-grow: 1;
|
|
402
444
|
overflow-y: auto;
|
|
403
445
|
}
|
|
@@ -408,19 +450,22 @@ body .el-table colgroup.gutter{
|
|
|
408
450
|
.el-dialog__wrapper {
|
|
409
451
|
position: absolute;
|
|
410
452
|
}
|
|
453
|
+
|
|
411
454
|
// MessageBox的样式，必须这样修改，否则会导致点击确定、取消按钮不好用
|
|
412
455
|
.el-message-box__wrapper {
|
|
413
456
|
position: absolute;
|
|
414
457
|
}
|
|
458
|
+
|
|
415
459
|
// dialog遮罩层的样式
|
|
416
460
|
.v-modal {
|
|
417
461
|
position: absolute;
|
|
418
462
|
}
|
|
419
463
|
|
|
420
|
-
.el-tree-node.is-current
|
|
464
|
+
.el-tree-node.is-current>.el-tree-node__content {
|
|
421
465
|
background-color: #c2d6ea !important;
|
|
422
466
|
}
|
|
423
|
-
|
|
467
|
+
|
|
468
|
+
.el-pagination {
|
|
424
469
|
background: #fff;
|
|
425
470
|
text-align: center;
|
|
426
471
|
padding: 5px 0;
|
|
@@ -433,16 +478,18 @@ body .el-table colgroup.gutter{
|
|
|
433
478
|
border-radius: 50px;
|
|
434
479
|
}
|
|
435
480
|
|
|
436
|
-
.grid-area .el-table .cell{
|
|
481
|
+
.grid-area .el-table .cell {
|
|
437
482
|
height: 43px;
|
|
438
483
|
line-height: 43px;
|
|
439
|
-
|
|
484
|
+
|
|
485
|
+
.cell--span,
|
|
486
|
+
.el-checkbox__input {
|
|
440
487
|
line-height: 43px;
|
|
441
488
|
}
|
|
442
489
|
}
|
|
443
490
|
|
|
444
|
-
.grid-area .el-table td
|
|
445
|
-
.el-table th {
|
|
491
|
+
.grid-area .el-table td,
|
|
492
|
+
.grid-area .el-table th {
|
|
446
493
|
padding: 0;
|
|
447
494
|
}
|
|
448
495
|
|
|
@@ -459,7 +506,7 @@ body .el-table colgroup.gutter{
|
|
|
459
506
|
}
|
|
460
507
|
|
|
461
508
|
.el-table--enable-row-hover .el-table__body tr:hover>td {
|
|
462
|
-
background-color
|
|
509
|
+
background-color: #FFF3CB
|
|
463
510
|
}
|
|
464
511
|
|
|
465
512
|
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
|
|
@@ -473,10 +520,11 @@ body .el-table colgroup.gutter{
|
|
|
473
520
|
|
|
474
521
|
.el-table th {
|
|
475
522
|
background-color: #eee;
|
|
476
|
-
color
|
|
523
|
+
color: #555
|
|
477
524
|
}
|
|
525
|
+
|
|
478
526
|
// 列表表头整个都有背景色
|
|
479
527
|
.el-table .el-table__header-wrapper {
|
|
480
528
|
background: #eee;
|
|
481
529
|
}
|
|
482
|
-
}
|
|
530
|
+
}
|