bi-element-ui 0.3.1 → 0.3.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.
@@ -1,895 +0,0 @@
1
- #app {
2
- font-family: Avenir, Helvetica, Arial, sans-serif;
3
- -webkit-font-smoothing: antialiased;
4
- -moz-osx-font-smoothing: grayscale;
5
- color: #2c3e50;
6
- }
7
- #nav {
8
- margin-top: 30px;
9
- }
10
- #nav a {
11
- display: block;
12
- padding: 20px 25px;
13
- font-weight: 700;
14
- color: #2c3e50;
15
- }
16
- #nav a.router-link-exact-active {
17
- color: #42b983;
18
- }
19
- .example-table-box[data-v-96615298] {
20
- margin: 25px 50px;
21
- }
22
- .example-table-box p[data-v-96615298] {
23
- text-align: left;
24
- font-weight: 700;
25
- }
26
- .avatar-container {
27
- margin: 9px 0;
28
- }
29
- .avatar-container .avatar-wrapper {
30
- margin: 0 !important;
31
- }
32
- .pagination-container[data-v-c276c1ba] {
33
- background: #fff;
34
- padding: 20px 16px;
35
- }
36
- .pagination-container.hidden[data-v-c276c1ba] {
37
- display: none;
38
- }
39
- .bi-column-container[data-v-c9014a12] {
40
- display: flex;
41
- justify-content: space-between;
42
- }
43
- .bi-column-container .checkbox-container .checkbox-title[data-v-c9014a12] {
44
- cursor: pointer;
45
- height: 34px;
46
- line-height: 22px;
47
- font-size: 14px;
48
- font-weight: 500;
49
- background-color: #f5f5f5;
50
- color: #333;
51
- position: relative;
52
- padding-left: 12px;
53
- margin-bottom: 12px;
54
- border-radius: 4px;
55
- align-items: center;
56
- display: flex;
57
- }
58
- .bi-column-container .checkbox-container .el-checkbox-group[data-v-c9014a12] {
59
- display: flex;
60
- flex-wrap: wrap;
61
- justify-content: space-between;
62
- margin-bottom: 0;
63
- padding-left: 12px;
64
- }
65
- .bi-column-container .checkbox-container .el-checkbox-group .el-checkbox[data-v-c9014a12] {
66
- width: 210px !important;
67
- display: block;
68
- float: left;
69
- margin: 0 !important;
70
- min-height: 32px;
71
- max-height: 52px;
72
- line-height: 20px;
73
- }
74
- .bi-column-container .column-container[data-v-c9014a12] {
75
- margin-left: 20px;
76
- width: 230px;
77
- flex: 0 0 230px;
78
- }
79
- .bi-column-container .column-container .column-title[data-v-c9014a12] {
80
- display: flex;
81
- justify-content: space-between;
82
- }
83
- .bi-column-container .column-container .column-title .el-button[data-v-c9014a12] {
84
- padding: 0;
85
- }
86
- .bi-column-container .column-container .column-group-title[data-v-c9014a12] {
87
- font-size: 14px;
88
- color: #8c8c8c;
89
- margin: 5px 0;
90
- }
91
- .bi-column-container .column-container .column-configurable .selected-column-item[data-v-c9014a12] {
92
- cursor: move;
93
- height: 26px;
94
- background: #f0f0f0;
95
- border-radius: 4px;
96
- line-height: 28px;
97
- padding: 0 8px;
98
- margin-top: 0;
99
- display: flex;
100
- align-items: center;
101
- color: #666;
102
- font-size: 14px;
103
- }
104
- .bi-column-container .column-container .column-configurable .selected-column-item[data-v-c9014a12]:not(:first-child) {
105
- margin-top: 8px;
106
- }
107
- .bi-column-container .column-container .column-configurable .selected-column-item .column-name[data-v-c9014a12] {
108
- flex-grow: 2;
109
- margin-left: 8px;
110
- overflow: hidden;
111
- text-overflow: ellipsis;
112
- white-space: nowrap;
113
- }
114
- .bi-column-container .column-container .column-configurable .selected-column-item .column-close[data-v-c9014a12] {
115
- display: none;
116
- cursor: pointer;
117
- }
118
- .bi-column-container .column-container .column-configurable .selected-column-item:hover .column-close[data-v-c9014a12] {
119
- display: inline-block;
120
- }
121
- .bi-column-dialog .el-card__header {
122
- background-color: #f8f9fa;
123
- box-sizing: border-box;
124
- line-height: 22px;
125
- padding: 8px 12px;
126
- font-weight: 600;
127
- color: #333;
128
- }
129
- .bi-column-dialog .el-card__body {
130
- padding: 12px 16px;
131
- height: 395px;
132
- box-sizing: border-box;
133
- overflow-y: auto;
134
- }
135
- .free-button {
136
- margin: 10px 0;
137
- }
138
- .download-center[data-v-00d283be] {
139
- background-color: #e5e5e5;
140
- }
141
- .download-center[data-v-00d283be].tooltip-html-box {
142
- cursor: pointer;
143
- overflow: hidden;
144
- line-clamp: 5;
145
- -webkit-line-clamp: 5;
146
- text-overflow: ellipsis;
147
- display: -webkit-box;
148
- -webkit-box-orient: vertical;
149
- }
150
- .download-center .content-box[data-v-00d283be] {
151
- background-color: #fff;
152
- padding: 20px;
153
- }
154
- .download-center .content-box + .content-box[data-v-00d283be] {
155
- margin-top: 10px;
156
- }
157
- .download-center .el-form-item[data-v-00d283be] {
158
- margin-bottom: 10px;
159
- }
160
- .container[data-v-00d283be] {
161
- padding: 20px;
162
- }
163
- .form-item[data-v-00d283be]:nth-child(3) {
164
- margin-right: 20px;
165
- }
166
- .vue-treeselect[data-v-00d283be] {
167
- margin-top: -1px;
168
- width: 225px;
169
- }
170
- .el-tag[data-v-00d283be] {
171
- text-align: center;
172
- }
173
- .query-translation[data-v-00d283be] {
174
- display: inline-block;
175
- height: 23px;
176
- line-height: 30px;
177
- width: 80px;
178
- text-overflow: ellipsis;
179
- white-space: nowrap;
180
- overflow-x: hidden;
181
- overflow-y: hidden;
182
- }
183
- .download-center .el-scrollbar[data-v-00d283be].el-scrollbar__wrap,
184
- .el-scrollbar[data-v-00d283be].el-scrollbar__wrap {
185
- overflow-x: hidden;
186
- }
187
- .bi-download-center[data-v-86fb0374] {
188
- display: flex;
189
- align-items: center;
190
- margin-right: 5px;
191
- padding: 0 5px;
192
- }
193
- .bi-download-center[data-v-86fb0374] > span {
194
- display: flex;
195
- align-items: center;
196
- }
197
- .download-center-button[data-v-86fb0374] {
198
- padding: 0 5px;
199
- }
200
- .download-center-button img[data-v-86fb0374] {
201
- width: 24px;
202
- height: 24px;
203
- }
204
- .download-center-badge[data-v-86fb0374] {
205
- display: flex;
206
- padding: 0;
207
- }
208
- .bi-download-center-drawer {
209
- max-width: 80%;
210
- }
211
- .bi-morebutton {
212
- display: inline-block;
213
- }
214
- .bi-notice[data-v-117a3dae] {
215
- margin-right: 20px;
216
- padding: 0 5px;
217
- }
218
- .bi-notice[data-v-117a3dae],
219
- .bi-notice[data-v-117a3dae] > span {
220
- display: flex;
221
- align-items: center;
222
- }
223
- .notice-button[data-v-117a3dae] {
224
- padding: 0;
225
- }
226
- .notice-button img[data-v-117a3dae] {
227
- width: 24px;
228
- height: 24px;
229
- display: block;
230
- }
231
- .notice-badge[data-v-117a3dae] {
232
- display: flex;
233
- height: 30px;
234
- padding: 0;
235
- }
236
- .bi-notice-box[data-v-117a3dae] {
237
- width: 500px;
238
- }
239
- .bi-notice-box .el-card[data-v-117a3dae] {
240
- border: none !important;
241
- padding: 0 !important;
242
- width: auto !important;
243
- min-width: 0 !important;
244
- margin: initial !important;
245
- }
246
- .bi-notice-box .el-card[data-v-117a3dae].el-card__header {
247
- padding: 15px;
248
- }
249
- .bi-notice-box .notice-header[data-v-117a3dae] {
250
- font-size: 14px;
251
- font-weight: 500;
252
- }
253
- .bi-notice-box .notice-header .el-button[data-v-117a3dae] {
254
- font-size: 14px;
255
- width: auto !important;
256
- }
257
- .bi-notice-box .notice-item[data-v-117a3dae],
258
- .bi-notice-box .notice-list[data-v-117a3dae] {
259
- list-style: none;
260
- margin: 0;
261
- padding: 0;
262
- }
263
- .bi-notice-box .notice-list[data-v-117a3dae] {
264
- height: 300px;
265
- }
266
- .bi-notice-box .notice-list .notice-item[data-v-117a3dae] {
267
- padding-left: 34px;
268
- padding-right: 20px;
269
- padding-bottom: 10px;
270
- padding-top: 10px;
271
- margin: 0;
272
- border-bottom: 1px solid #e8e8e8;
273
- position: relative;
274
- cursor: pointer;
275
- }
276
- .bi-notice-box .notice-list .notice-item.unread[data-v-117a3dae]:before {
277
- content: ' ';
278
- position: absolute;
279
- width: 6px;
280
- height: 6px;
281
- background: #ff4d4f;
282
- border-radius: 10px;
283
- left: 20px;
284
- top: 18px;
285
- }
286
- .bi-notice-box .notice-list .notice-item .header[data-v-117a3dae] {
287
- display: flex;
288
- justify-content: space-between;
289
- margin-bottom: 10px;
290
- }
291
- .bi-notice-box .notice-list .notice-item .header .title[data-v-117a3dae] {
292
- font-size: 14px;
293
- font-weight: 500;
294
- color: #333;
295
- margin: 0;
296
- }
297
- .bi-notice-box .notice-list .notice-item .header .time[data-v-117a3dae] {
298
- font-size: 14px;
299
- font-weight: 400;
300
- color: #666;
301
- margin: 0;
302
- }
303
- .bi-notice-box .notice-list .notice-item .content[data-v-117a3dae] {
304
- font-size: 12px;
305
- font-weight: 400;
306
- color: #666;
307
- overflow: hidden;
308
- white-space: nowrap;
309
- text-overflow: ellipsis;
310
- }
311
- .notice-popper {
312
- padding: 0 !important;
313
- }
314
- .notice-open-dialog {
315
- background: none !important;
316
- box-shadow: none !important;
317
- }
318
- .notice-open-dialog .el-dialog__header {
319
- display: none;
320
- }
321
- .notice-open-dialog .el-dialog__body {
322
- padding: 0;
323
- }
324
- .notice-open-dialog .notice-bg img {
325
- width: 100%;
326
- display: block;
327
- }
328
- .notice-open-dialog .notice-open-box {
329
- position: relative;
330
- background: #fff;
331
- border-radius: 0 0 4px 4px;
332
- padding-bottom: 40px;
333
- }
334
- .notice-open-dialog .notice-open-box .notice-open-box-scrollbar {
335
- height: calc(92.15vh - 383.45px);
336
- padding: 20px 50px;
337
- overflow-y: auto;
338
- }
339
- .notice-open-dialog .notice-open-box .notice-open-tile {
340
- margin-top: 0;
341
- text-align: center;
342
- font-size: 24px;
343
- font-weight: 500;
344
- color: #333;
345
- }
346
- .notice-open-dialog .notice-open-box .notice-open-content {
347
- font-size: 14px;
348
- font-weight: 400;
349
- color: #333;
350
- line-height: 20px;
351
- }
352
- .notice-open-dialog .notice-open-box .notice-open-content * {
353
- max-width: 100%;
354
- }
355
- .notice-open-dialog .notice-open-box .notice-open-content a {
356
- color: #24d87b;
357
- text-decoration: underline;
358
- }
359
- .notice-open-dialog .notice-open-box .notice-open-button {
360
- position: absolute;
361
- bottom: 10px;
362
- left: 0;
363
- width: 100%;
364
- text-align: right;
365
- padding: 0 20px;
366
- }
367
- .bi-notice-drawer .el-drawer__body .notice-detail,
368
- .bi-notice-drawer .notice-detail-box .notice-detail {
369
- padding: 20px;
370
- }
371
- .bi-notice-drawer .el-drawer__body .notice-detail .detail-title,
372
- .bi-notice-drawer .notice-detail-box .notice-detail .detail-title {
373
- font-size: 16px;
374
- font-weight: 500;
375
- color: #333;
376
- margin-top: 0;
377
- margin-bottom: 10px;
378
- }
379
- .bi-notice-drawer .el-drawer__body .notice-detail .detail-time,
380
- .bi-notice-drawer .notice-detail-box .notice-detail .detail-time {
381
- font-size: 12px;
382
- font-weight: 400;
383
- color: #999;
384
- margin-bottom: 20px;
385
- }
386
- .bi-notice-drawer .el-drawer__body .notice-detail .detail-content,
387
- .bi-notice-drawer .notice-detail-box .notice-detail .detail-content {
388
- font-size: 14px;
389
- font-weight: 400;
390
- color: #333;
391
- line-height: 20px;
392
- }
393
- .bi-notice-drawer .el-drawer__body .notice-detail .detail-content a,
394
- .bi-notice-drawer .notice-detail-box .notice-detail .detail-content a {
395
- color: #24d87b;
396
- text-decoration: underline;
397
- }
398
- .bi-notice-drawer .el-drawer__body .notice-detail .detail-content *,
399
- .bi-notice-drawer .notice-detail-box .notice-detail .detail-content * {
400
- max-width: 100% !important;
401
- }
402
- .bi-system-link[data-v-51ed631f] {
403
- display: flex;
404
- align-items: center;
405
- margin-right: 5px;
406
- padding: 0 5px;
407
- }
408
- .bi-system-link[data-v-51ed631f] > span {
409
- display: flex;
410
- align-items: center;
411
- }
412
- .system-link-button[data-v-51ed631f] {
413
- cursor: pointer;
414
- padding: 0 5px;
415
- display: flex;
416
- align-content: center;
417
- }
418
- .system-link-button img[data-v-51ed631f] {
419
- width: 24px;
420
- height: 24px;
421
- }
422
- .system-list[data-v-51ed631f] {
423
- max-width: 480px;
424
- padding: 20px;
425
- display: flex;
426
- flex-wrap: wrap;
427
- }
428
- .system-list .system-item[data-v-51ed631f] {
429
- text-align: center;
430
- width: 60px;
431
- flex-grow: 0;
432
- flex-shrink: 0;
433
- margin-right: 35px;
434
- cursor: pointer;
435
- }
436
- .system-list .system-item[data-v-51ed631f]:last-child,
437
- .system-list .system-item[data-v-51ed631f]:nth-child(5n) {
438
- margin-right: 0;
439
- }
440
- .system-list .system-item:hover .system-logo[data-v-51ed631f] {
441
- background: #efefef;
442
- }
443
- .system-list .system-item:hover .system-name[data-v-51ed631f] {
444
- color: #06c261;
445
- }
446
- .system-list .system-item .system-logo[data-v-51ed631f] {
447
- transition: all 0.1s;
448
- width: 50px;
449
- height: 50px;
450
- display: flex;
451
- justify-content: center;
452
- align-items: center;
453
- border-radius: 8px;
454
- border: 1px solid #efefef;
455
- margin: 0 auto;
456
- }
457
- .system-list .system-item .system-logo img[data-v-51ed631f] {
458
- width: 80%;
459
- height: 80%;
460
- }
461
- .system-list .system-item .system-name[data-v-51ed631f] {
462
- margin-top: 10px;
463
- margin-bottom: 14px;
464
- font-size: 14px;
465
- font-weight: 400;
466
- color: #333;
467
- overflow: hidden;
468
- white-space: nowrap;
469
- text-overflow: ellipsis;
470
- }
471
- .system-link-popper {
472
- padding: 0 !important;
473
- }
474
- .avatar-container[data-v-4652ad97] {
475
- margin-right: 30px;
476
- }
477
- .avatar-container .avatar-wrapper[data-v-4652ad97] {
478
- margin-top: 5px;
479
- position: relative;
480
- }
481
- .avatar-container .avatar-wrapper .user-avatar[data-v-4652ad97] {
482
- display: block;
483
- cursor: pointer;
484
- width: 40px;
485
- height: 40px;
486
- border-radius: 10px;
487
- }
488
- .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-4652ad97] {
489
- cursor: pointer;
490
- position: absolute;
491
- right: -20px;
492
- top: 25px;
493
- font-size: 12px;
494
- }
495
- .log-box-li[data-v-3e7543b0] {
496
- display: flex;
497
- line-height: 23px;
498
- }
499
- .log-box-li .operates-name[data-v-3e7543b0] {
500
- flex-shrink: 0;
501
- flex-grow: 0;
502
- color: #999;
503
- padding-right: 10px;
504
- }
505
- .log-box-li .operates-info[data-v-3e7543b0] {
506
- flex: 1;
507
- align-items: center;
508
- }
509
- .log-box-li .operates-info img[data-v-3e7543b0] {
510
- width: 14px;
511
- height: 7px;
512
- margin: 0 10px;
513
- }
514
- .log-box-li .operates-info .new[data-v-3e7543b0],
515
- .log-box-li .operates-info .old[data-v-3e7543b0] {
516
- padding: 0;
517
- flex-shrink: 0;
518
- }
519
- .content-outer[data-v-4a1efcf6] {
520
- width: 100%;
521
- }
522
- .content-outer .content-head[data-v-4a1efcf6] {
523
- width: 100%;
524
- background-color: #fff;
525
- padding: 20px 0 0 !important;
526
- margin-bottom: 0 !important;
527
- color: #333;
528
- font-size: 14px;
529
- }
530
- .content-outer .content-head .search-form[data-v-4a1efcf6] {
531
- display: flex;
532
- flex-wrap: wrap;
533
- }
534
- .content-outer .content-head .search-item[data-v-4a1efcf6] {
535
- display: flex;
536
- align-items: center;
537
- margin-right: 10px;
538
- margin-bottom: 22px;
539
- min-width: 318px;
540
- }
541
- .content-outer .content-head .search-item .item-label[data-v-4a1efcf6] {
542
- width: 72px;
543
- margin-right: 8px;
544
- text-align: right;
545
- }
546
- .content-outer .content-head .search-item .item-content[data-v-4a1efcf6] {
547
- width: 240px;
548
- }
549
- .content-outer .content-head .search-item .item-content .el-autocomplete[data-v-4a1efcf6],
550
- .content-outer .content-head .search-item .item-content .el-date-editor[data-v-4a1efcf6],
551
- .content-outer .content-head .search-item .item-content .el-select[data-v-4a1efcf6] {
552
- width: 100%;
553
- }
554
- .content-outer .content-head .search-item .item-content[data-v-4a1efcf6].el-date-editor--datetimerange .el-range__close-icon {
555
- display: none;
556
- }
557
- .content-outer .content-head .search-item .item-content[data-v-4a1efcf6].el-date-editor--datetimerange .el-range-input {
558
- flex-grow: 1;
559
- }
560
- .content-outer .content-head .search-item .el-button[data-v-4a1efcf6] {
561
- width: 84px;
562
- }
563
- .content-outer .content-table[data-v-4a1efcf6] {
564
- width: 100%;
565
- margin-top: 10px;
566
- padding: 15px;
567
- background-color: #fff;
568
- }
569
- .content-outer .content-table[data-v-4a1efcf6].pagination-container {
570
- text-align: center;
571
- }
572
- .el-input[data-v-4a1efcf6] .el-select .el-input.el-input--suffix {
573
- width: 80px;
574
- }
575
- .el-input[data-v-4a1efcf6] .el-select .el-input.el-input--suffix .el-input__inner {
576
- padding-right: 10px;
577
- padding-left: 10px;
578
- }
579
- .el-input[data-v-4a1efcf6] .el-select .el-input.el-input--suffix .el-input__suffix {
580
- right: 0;
581
- }
582
- .el-input[data-v-4a1efcf6] .el-select .el-input.el-input--suffix .el-input__suffix .el-input__icon {
583
- width: 15px;
584
- }
585
- .log-table[data-v-4a1efcf6] .cell div,
586
- .log-table[data-v-4a1efcf6] .cell p {
587
- margin: 0;
588
- font-size: 14px;
589
- font-weight: 400;
590
- color: #333;
591
- }
592
- .log-table[data-v-4a1efcf6] .cell .operate-time {
593
- font-size: 14px;
594
- font-weight: 400;
595
- color: #333;
596
- }
597
- .log-table[data-v-4a1efcf6] .cell .object-id {
598
- font-size: 12px;
599
- font-weight: 400;
600
- color: #999;
601
- }
602
- .log-table[data-v-4a1efcf6] .cell .log-more {
603
- text-align: center;
604
- position: absolute;
605
- width: 100%;
606
- bottom: 0;
607
- left: 0;
608
- background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff, #fff);
609
- }
610
- .log-table[data-v-4a1efcf6] .cell .log-more .el-button {
611
- padding: 0;
612
- }
613
- .bi-log-operate_time-popper .el-picker-panel__footer > .el-picker-panel__link-btn:first-child {
614
- display: none;
615
- }
616
- .bi-log-drawer {
617
- max-width: 80%;
618
- }
619
- .bi-log-rich-text-dialog {
620
- max-width: 80%;
621
- height: calc(100vh - 160px);
622
- }
623
- .bi-log-rich-text-dialog .el-dialog__header {
624
- height: 56px;
625
- box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
626
- }
627
- .bi-log-rich-text-dialog .el-dialog__body {
628
- padding: 0;
629
- height: calc(100vh - 216px);
630
- }
631
- .bi-log-rich-text-dialog .el-dialog__body .bi-log-rich-text-box {
632
- height: calc(100vh - 216px);
633
- display: flex;
634
- position: relative;
635
- }
636
- .bi-log-rich-text-dialog .el-dialog__body .bi-log-rich-text-box .bi-log-rich-text-item {
637
- width: 50%;
638
- flex-shrink: 0;
639
- flex-grow: 1;
640
- padding: 20px;
641
- }
642
- .bi-log-rich-text-dialog .el-dialog__body .bi-log-rich-text-box .bi-log-rich-text-item + .bi-log-rich-text-item {
643
- border-left: 1px solid rgba(0, 0, 0, 0.06);
644
- border-right: 1px solid rgba(0, 0, 0, 0.06);
645
- }
646
- .bi-log-rich-text-dialog .el-dialog__body .arrow {
647
- position: absolute;
648
- width: 40px;
649
- height: 40px;
650
- top: calc(50% - 20px);
651
- left: calc(50% - 20px);
652
- }
653
- .bi-log-rich-text-dialog .el-dialog__body .arrow img {
654
- display: block;
655
- width: 100%;
656
- height: 100%;
657
- }
658
- .bi-log-button > span[data-v-097f3f3b] {
659
- display: block;
660
- }
661
- .bi-log-button .el-button[data-v-097f3f3b],
662
- .bi-log-button span[data-v-097f3f3b] {
663
- width: 100%;
664
- height: 30px;
665
- line-height: 30px;
666
- padding: 0 17px;
667
- text-align: left;
668
- color: inherit;
669
- font-weight: inherit;
670
- }
671
- .bi_home_data[data-v-7b0cb0d0] {
672
- width: 100%;
673
- }
674
- .bi_home_data .content[data-v-7b0cb0d0] {
675
- width: 100%;
676
- height: calc(100vh - 115px);
677
- background: #fff;
678
- border-radius: 2px;
679
- }
680
- .bi_home_data .content .swiper[data-v-7b0cb0d0] {
681
- width: 100%;
682
- height: 19.5vw;
683
- }
684
- .bi_home_data .content .swiper .swiper_data .swiper_content[data-v-7b0cb0d0] {
685
- width: 100%;
686
- height: 19.5vw;
687
- background: url(../static/img/swiperBg.png) no-repeat;
688
- background-size: 100% 100%;
689
- display: flex;
690
- box-sizing: border-box;
691
- padding: 1.5vw 6vw;
692
- cursor: pointer;
693
- }
694
- .bi_home_data .content .swiper .swiper_data .swiper_content .swiper_message .title[data-v-7b0cb0d0] {
695
- width: 31.5vw;
696
- height: 3vw;
697
- font-size: 2.1vw;
698
- font-weight: 500;
699
- color: #333;
700
- line-height: 3vw;
701
- }
702
- .bi_home_data .content .swiper .swiper_data .swiper_content .swiper_message .desc[data-v-7b0cb0d0] {
703
- width: 31.5vw;
704
- height: 1.1vw;
705
- font-size: 0.8vw;
706
- font-weight: 400;
707
- color: #333;
708
- line-height: 1.1vw;
709
- margin-top: 1.5vw;
710
- }
711
- .bi_home_data .content .data .data_search[data-v-7b0cb0d0] {
712
- margin: 1vw 3.5vw;
713
- display: flex;
714
- justify-content: space-between;
715
- }
716
- .bi_home_data .content .data .data_content_warp[data-v-7b0cb0d0] {
717
- position: relative;
718
- left: 0;
719
- top: 0;
720
- }
721
- .bi_home_data .content .data .data_content_warp .left_page[data-v-7b0cb0d0] {
722
- position: absolute;
723
- left: 0;
724
- top: 45%;
725
- width: 2.25vw;
726
- height: 2.25vw;
727
- cursor: pointer;
728
- }
729
- .bi_home_data .content .data .data_content_warp .left_page img[data-v-7b0cb0d0] {
730
- width: 2.25vw;
731
- height: 2.25vw;
732
- }
733
- .bi_home_data .content .data .data_content_warp .right_page[data-v-7b0cb0d0] {
734
- position: absolute;
735
- right: 0;
736
- top: 45%;
737
- width: 2.25vw;
738
- height: 2.25vw;
739
- cursor: pointer;
740
- }
741
- .bi_home_data .content .data .data_content_warp .right_page img[data-v-7b0cb0d0] {
742
- width: 2.25vw;
743
- height: 2.25vw;
744
- }
745
- .bi_home_data .content .data .data_content_warp .data_content[data-v-7b0cb0d0] {
746
- margin: 0 3.5vw;
747
- display: flex;
748
- justify-content: space-between;
749
- flex-wrap: wrap;
750
- height: 19.5vw;
751
- }
752
- .bi_home_data .content .data .data_content_warp .data_content .message_item[data-v-7b0cb0d0] {
753
- width: 37vw;
754
- height: 9vw;
755
- background: #f8f8fa;
756
- box-shadow: 0 0.1vw 0.45vw 0 rgba(168, 203, 255, 0.36);
757
- border-radius: 0.2vw;
758
- border: 0.1vw solid #fff;
759
- margin-bottom: 1.5vw;
760
- box-sizing: border-box;
761
- padding: 1vw;
762
- position: relative;
763
- left: 0;
764
- top: 0;
765
- cursor: pointer;
766
- }
767
- .bi_home_data .content .data .data_content_warp .data_content .message_item[data-v-7b0cb0d0]:nth-child(3),
768
- .bi_home_data .content .data .data_content_warp .data_content .message_item[data-v-7b0cb0d0]:nth-child(4) {
769
- margin-bottom: 0;
770
- }
771
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_title[data-v-7b0cb0d0] {
772
- display: flex;
773
- height: 1vw;
774
- }
775
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_title img[data-v-7b0cb0d0] {
776
- width: 1vw;
777
- height: 1vw;
778
- }
779
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_title p[data-v-7b0cb0d0] {
780
- height: 1vw;
781
- line-height: 1vw;
782
- margin: 0 0 0 0.5vw;
783
- }
784
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content[data-v-7b0cb0d0] {
785
- margin-top: 1.6vw;
786
- display: flex;
787
- }
788
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content img[data-v-7b0cb0d0] {
789
- width: 4vw;
790
- height: 4vw;
791
- margin-right: 1.2vw;
792
- }
793
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content .content_content[data-v-7b0cb0d0] {
794
- width: 31vw;
795
- position: relative;
796
- top: 0;
797
- left: 0;
798
- }
799
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content .content_content .content_title[data-v-7b0cb0d0] {
800
- max-width: 20vw;
801
- height: 1.1vw;
802
- font-size: 0.8vw;
803
- font-weight: 500;
804
- color: #333;
805
- line-height: 1.1vw;
806
- overflow: hidden;
807
- white-space: nowrap;
808
- text-overflow: ellipsis;
809
- }
810
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content .content_content .content_desc[data-v-7b0cb0d0] {
811
- max-width: 26vw;
812
- height: 1vw;
813
- margin-top: 0.8vw;
814
- font-size: 0.7vw;
815
- font-weight: 400;
816
- color: #333;
817
- line-height: 1vw;
818
- overflow: hidden;
819
- white-space: nowrap;
820
- text-overflow: ellipsis;
821
- }
822
- .bi_home_data .content .data .data_content_warp .data_content .message_item .item_content .content_content .content_time[data-v-7b0cb0d0] {
823
- position: absolute;
824
- left: 22vw;
825
- top: 0.05vw;
826
- width: 8vw;
827
- height: 1vw;
828
- font-size: 0.7vw;
829
- font-weight: 400;
830
- color: #333;
831
- line-height: 1vw;
832
- overflow: hidden;
833
- white-space: nowrap;
834
- text-overflow: ellipsis;
835
- }
836
- .bi_home_data .content .data .data_content_warp .data_content .message_item .is_read[data-v-7b0cb0d0] {
837
- position: absolute;
838
- right: 0.1vw;
839
- top: 0.3vw;
840
- width: 1.5vw;
841
- height: 0.8vw;
842
- }
843
- .bi_home_data .content .detail[data-v-7b0cb0d0] {
844
- width: 100%;
845
- box-sizing: border-box;
846
- padding: 0 20px;
847
- height: calc(100vh - 80px);
848
- }
849
- .bi_home_data .content .detail .detail_title[data-v-7b0cb0d0] {
850
- width: 440px;
851
- height: 22px;
852
- font-size: 16px;
853
- font-weight: 500;
854
- color: #333;
855
- line-height: 22px;
856
- overflow: hidden;
857
- white-space: nowrap;
858
- text-overflow: ellipsis;
859
- }
860
- .bi_home_data .content .detail .detail_time[data-v-7b0cb0d0] {
861
- width: 320px;
862
- height: 16px;
863
- margin-top: 12px;
864
- font-size: 12px;
865
- font-weight: 400;
866
- color: #999;
867
- line-height: 16px;
868
- overflow: hidden;
869
- white-space: nowrap;
870
- text-overflow: ellipsis;
871
- }
872
- .bi_home_data .content .detail .detail_desc[data-v-7b0cb0d0] {
873
- margin-top: 24px;
874
- width: 500px;
875
- font-size: 14px;
876
- font-weight: 400;
877
- color: #333;
878
- line-height: 20px;
879
- }
880
- .bi_home_data .content .detail .detail_content[data-v-7b0cb0d0] {
881
- width: 520px;
882
- margin-top: 24px;
883
- overflow-y: auto;
884
- }
885
- .bi_home_data .content .detail .detail_content .content_content[data-v-7b0cb0d0] {
886
- width: 500px;
887
- }
888
- .bi_home_data img {
889
- width: 100%;
890
- height: auto;
891
- }
892
- .el-carousel__indicator.is-active button {
893
- opacity: 1;
894
- background-color: #38ce81;
895
- }