fmui-base 2.1.64 → 2.1.66

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,1013 +0,0 @@
1
- .react-grid .noTitle .t-tab-bar {
2
- display: none;
3
- }
4
- .react-grid .t-tab-wrap {
5
- height: 100%;
6
- }
7
- .react-grid .t-tab {
8
- height: 100%;
9
- padding-top: 17px;
10
- }
11
- .react-grid .t-tab-bar {
12
- position: relative;
13
- padding-left: 16px;
14
- }
15
- .react-grid .t-tab-bar::before {
16
- content: "";
17
- width: 3px;
18
- height: 65%;
19
- border-radius: 3px;
20
- background-color: rgba(112, 59, 58, 0.8);
21
- position: absolute;
22
- top: 4px;
23
- left: 8px;
24
- }
25
- .react-grid .t-tab-bar .t-tab-tab {
26
- font-size: 16px;
27
- min-width: 95px;
28
- color: #888;
29
- flex: initial;
30
- height: auto;
31
- line-height: 20px;
32
- display: block;
33
- background-color: transparent;
34
- }
35
- .react-grid .t-tab-bar .t-tab-tab div {
36
- max-width: 95px;
37
- padding: 2px 5px;
38
- min-height: 28px;
39
- white-space: nowrap;
40
- overflow: hidden;
41
- text-overflow: ellipsis;
42
- -webkit-line-clamp: 1;
43
- -webkit-box-orient: vertical;
44
- }
45
- .react-grid .t-tab-bar .t-tab-tab-active {
46
- color: #333 !important;
47
- font-size: 18px;
48
- }
49
- .react-grid .t-tab-ink-bar {
50
- display: none !important;
51
- }
52
- .react-grid .t-tab-content {
53
- height: 100%;
54
- }
55
- .react-grid .t-tab-nav-wrap .t-tab-ink-bar {
56
- margin-left: -31px;
57
- }
58
- .react-grid .react-grid-item.cssTransforms {
59
- overflow: auto;
60
- background-size: contain;
61
- background-repeat: no-repeat;
62
- background-size: 100% 100%;
63
- }
64
- .react-grid .react-grid-component {
65
- background-color: #fff;
66
- }
67
- .react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img {
68
- position: absolute;
69
- width: calc(100% + 16px);
70
- height: 130px;
71
- left: -8px;
72
- right: 0;
73
- top: 0;
74
- z-index: -1;
75
- }
76
- .react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img img {
77
- width: 100%;
78
- height: 100%;
79
- border-radius: 0 0 39% 39%;
80
- }
81
- .react-grid .react-grid-component .react-grid-banner-type2 .global-search {
82
- padding: 16px 16px 45px 16px;
83
- }
84
- .react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img {
85
- position: absolute;
86
- height: 100%;
87
- width: calc(100% + 16px);
88
- left: -8px;
89
- right: 0;
90
- top: 0;
91
- z-index: -1;
92
- }
93
- .react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img img {
94
- width: 100%;
95
- height: 100%;
96
- }
97
- .react-grid .react-grid-component .react-grid-banner-type1 .global-search {
98
- padding: 16px 16px 25px 16px;
99
- }
100
- .react-grid .react-grid-component .react-grid-banner-type1 .t-grid {
101
- margin: 0 ;
102
- }
103
- .react-grid .react-grid-component .react-grid-banner {
104
- position: relative;
105
- color: #fff;
106
- width: 100%;
107
- height: 100%;
108
- padding: 0;
109
- }
110
- .react-grid .react-grid-component .react-grid-banner .banner {
111
- position: absolute;
112
- top: 0;
113
- bottom: 0;
114
- z-index: -1;
115
- width: 100%;
116
- }
117
- .react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
118
- z-index: 0;
119
- width: 100%;
120
- height: 100%;
121
- }
122
- .react-grid .react-grid-component .react-grid-banner .global-search {
123
- display: flex;
124
- align-items: center;
125
- }
126
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
127
- height: 30px;
128
- padding: 5px 0;
129
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
130
- border: 1px solid #ffffff;
131
- border-radius: 4px;
132
- }
133
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
134
- width: 70px;
135
- background: none;
136
- border-right: 1px solid #ddd;
137
- }
138
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
139
- height: 20px;
140
- line-height: 20px;
141
- font-size: 14px;
142
- }
143
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
144
- padding: 0 0 0 10px;
145
- }
146
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
147
- height: 20px;
148
- width: 20px;
149
- }
150
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
151
- color: #fff;
152
- }
153
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
154
- display: none !important;
155
- }
156
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
157
- font-family: "iconfont-ywtb" !important;
158
- font-size: 12px;
159
- font-style: normal;
160
- -webkit-font-smoothing: antialiased;
161
- color: #fff;
162
- line-height: 18px !important;
163
- }
164
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
165
- content: "\e65b";
166
- }
167
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
168
- display: none;
169
- }
170
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
171
- width: 70px;
172
- overflow-y: auto;
173
- box-shadow: 0 2px 5px #ddd;
174
- margin-top: 5px;
175
- }
176
- .react-grid .react-grid-component .react-grid-banner .global-search .t-field {
177
- flex: 1;
178
- }
179
- .react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
180
- min-height: 30px;
181
- }
182
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
183
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
184
- height: 30px;
185
- border-radius: 4px;
186
- padding-left: 10px;
187
- border: 1px solid #ffffff;
188
- }
189
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
190
- color: #fff;
191
- padding: 5px 0 2px 0;
192
- }
193
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
194
- color: #fff;
195
- font-size: 14px;
196
- }
197
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
198
- color: #fff;
199
- }
200
- .react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
201
- .react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
202
- border: none;
203
- box-shadow: none;
204
- }
205
- .react-grid .react-grid-component .react-grid-banner .t-grid-item:first-child .react-grid-banner-type2,
206
- .react-grid .react-grid-component .react-grid-banner .t-grid-item:last-child .react-grid-banner-type2 {
207
- border-radius: 6px 6px 30px 30px;
208
- }
209
- .react-grid .react-grid-component .react-grid-banner .t-grid-item {
210
- margin: 0 6px;
211
- }
212
- .react-grid .react-grid-component .react-grid-banner .t-badge {
213
- width: 40px;
214
- height: 40px;
215
- margin-top: 5px;
216
- border-radius: 50%;
217
- line-height: 40px;
218
- }
219
- .react-grid .react-grid-component .react-grid-banner .menu-title {
220
- margin-bottom: 10px;
221
- margin-top: 5px;
222
- }
223
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 {
224
- width: 100%;
225
- background: #FFFFFF;
226
- background-image: linear-gradient(180deg, rgba(202, 160, 141, 0.33) 0%, rgba(202, 160, 141, 0) 40%);
227
- box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
228
- border-radius: 6px;
229
- }
230
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .banshicolor {
231
- background: #FE907220;
232
- color: #FE9072;
233
- }
234
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .zixuncolor {
235
- background: #1AC8D120;
236
- color: #1AC8D1;
237
- }
238
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .yingyongcolor {
239
- background: #FFBD3F20;
240
- color: #FFBD3F;
241
- }
242
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .daibancolor {
243
- background: #3FACF620;
244
- color: #3FACF6;
245
- }
246
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .wodecolor {
247
- background: #7C80DA20;
248
- color: #7C80DA;
249
- }
250
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 i {
251
- font-size: 20px;
252
- }
253
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type2 .menu-title {
254
- color: #121314;
255
- }
256
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .t-badge {
257
- background: #fff;
258
- color: #703A3A;
259
- }
260
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-type1 .menu-title {
261
- color: #fff;
262
- }
263
- .react-grid .t-badge .badge-inner {
264
- font-weight: 400;
265
- top: 3px;
266
- right: 3px;
267
- }
268
- .react-grid .react-grid-component.banner {
269
- overflow: initial;
270
- background-color: transparent;
271
- overflow: visible !important;
272
- }
273
- .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
274
- background: #2D899D;
275
- }
276
- .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(2) .systemItem .iconblock {
277
- background: #944439;
278
- }
279
- .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(3) .systemItem .iconblock {
280
- background: #228663;
281
- }
282
- .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(4) .systemItem .iconblock {
283
- background: #467989;
284
- }
285
- .react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(5) .systemItem .iconblock {
286
- background: #C39D5F;
287
- }
288
- .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(1) .systemItem .iconblock {
289
- background: #228663;
290
- }
291
- .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(2) .systemItem .iconblock {
292
- background: #467989;
293
- }
294
- .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(3) .systemItem .iconblock {
295
- background: #C39D5F;
296
- }
297
- .react-grid .t-grid-row:nth-child(2) .t-grid-item:nth-child(4) .systemItem .iconblock {
298
- background: #2D899D;
299
- }
300
- .react-grid .react-app-collect-type1 .systemItem .iconblock {
301
- border-radius: 50%;
302
- }
303
- .react-grid .systemItem {
304
- display: inline-block;
305
- text-align: center;
306
- width: fit-content;
307
- vertical-align: top;
308
- padding-top: 6px;
309
- }
310
- .react-grid .systemItem .iconblock {
311
- width: 40px;
312
- height: 40px;
313
- line-height: 40px;
314
- margin: 0 auto;
315
- border-radius: 3px;
316
- color: #fff;
317
- }
318
- .react-grid .systemItem .iconblock.t-gengduo {
319
- background: #944439 !important;
320
- }
321
- .react-grid .systemItem .iconfont {
322
- font-size: 20px;
323
- }
324
- .react-grid .systemItem .text {
325
- color: #000;
326
- text-align: center;
327
- font-size: 14px;
328
- }
329
- .react-grid .systemItem .t-badge {
330
- width: 100%;
331
- }
332
- .react-grid .react-app-collect {
333
- position: relative;
334
- height: 100%;
335
- }
336
- .react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
337
- border-left: none;
338
- }
339
- .react-grid .react-app-collect .t-grid .t-grid-row {
340
- border-bottom: none;
341
- }
342
- .react-grid .react-app-collect .t-grid.t-has-line {
343
- border-top: none;
344
- }
345
- .react-grid .component-bssx {
346
- position: relative;
347
- height: 100%;
348
- }
349
- .react-grid .component-bssx .rightMore {
350
- position: absolute;
351
- right: 10px;
352
- top: 16px;
353
- color: #999;
354
- z-index: 999;
355
- padding: 2px;
356
- font-size: 14px;
357
- }
358
- .react-grid .banshi-list {
359
- display: flex;
360
- flex-wrap: wrap;
361
- justify-content: space-between;
362
- padding: 16px 10px 0 10px;
363
- }
364
- .react-grid .banshi-list .banshi-item {
365
- width: calc(50% - 8px);
366
- background: #FEF8E8;
367
- border-radius: 8px;
368
- margin: 6px 0;
369
- padding: 10px;
370
- padding-right: 60px;
371
- position: relative;
372
- height: 60px;
373
- display: grid;
374
- align-items: center;
375
- }
376
- .react-grid .banshi-list .banshi-item .title {
377
- font-size: 14px;
378
- overflow: hidden;
379
- text-overflow: ellipsis;
380
- display: -webkit-box;
381
- -webkit-line-clamp: 3;
382
- -webkit-box-orient: vertical;
383
- }
384
- .react-grid .banshi-list .banshi-item .describe {
385
- font-size: 12px;
386
- color: #9A968D;
387
- }
388
- .react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
389
- position: absolute;
390
- right: 11px;
391
- top: 0;
392
- line-height: 60px;
393
- font-size: 30px;
394
- background-clip: text;
395
- -webkit-background-clip: text;
396
- -webkit-text-fill-color: transparent;
397
- }
398
- .react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
399
- position: absolute;
400
- right: 0;
401
- top: -9px;
402
- bottom: 0;
403
- font-size: 54px;
404
- opacity: 0.16;
405
- background-clip: text;
406
- -webkit-background-clip: text;
407
- -webkit-text-fill-color: transparent;
408
- }
409
- .react-grid .banshi-list .banshi-item:nth-child(6n+1) {
410
- background: rgba(141, 42, 37, 0.1);
411
- }
412
- .react-grid .banshi-list .banshi-item:nth-child(6n+1) .iconfont-ywtb.ic,
413
- .react-grid .banshi-list .banshi-item:nth-child(6n+1) .iconfont-ywtb.bg {
414
- background-image: linear-gradient(213deg, #8D2A25 0%, rgba(141, 42, 37, 0.17) 100%);
415
- color: rgba(141, 42, 37, 0.17);
416
- }
417
- .react-grid .banshi-list .banshi-item:nth-child(6n+2) {
418
- background: #46798910;
419
- }
420
- .react-grid .banshi-list .banshi-item:nth-child(6n+2) .iconfont-ywtb.ic,
421
- .react-grid .banshi-list .banshi-item:nth-child(6n+2) .iconfont-ywtb.bg {
422
- background-image: linear-gradient(218deg, #467989 0%, rgba(70, 121, 137, 0.12) 100%);
423
- color: rgba(70, 121, 137, 0.12);
424
- }
425
- .react-grid .banshi-list .banshi-item:nth-child(6n+3) {
426
- background: #22866310;
427
- }
428
- .react-grid .banshi-list .banshi-item:nth-child(6n+3) .iconfont-ywtb.ic,
429
- .react-grid .banshi-list .banshi-item:nth-child(6n+3) .iconfont-ywtb.bg {
430
- background-image: linear-gradient(216deg, #228663 6%, rgba(34, 134, 99, 0.15) 100%);
431
- color: rgba(34, 134, 99, 0.15);
432
- }
433
- .react-grid .banshi-list .banshi-item:nth-child(6n+4) {
434
- background: #C39D5F10;
435
- }
436
- .react-grid .banshi-list .banshi-item:nth-child(6n+4) .iconfont-ywtb.ic,
437
- .react-grid .banshi-list .banshi-item:nth-child(6n+4) .iconfont-ywtb.bg {
438
- background-image: linear-gradient(31deg, rgba(195, 157, 95, 0.15) 0%, #C39D5F 93%);
439
- color: rgba(195, 157, 95, 0.15);
440
- }
441
- .react-grid .banshi-list .banshi-item:nth-child(6n+5) {
442
- background: #2D899D10;
443
- }
444
- .react-grid .banshi-list .banshi-item:nth-child(6n+5) .iconfont-ywtb.ic,
445
- .react-grid .banshi-list .banshi-item:nth-child(6n+5) .iconfont-ywtb.bg {
446
- background-image: linear-gradient(208deg, #2D899D 0%, rgba(45, 137, 157, 0.15) 100%);
447
- color: rgba(45, 137, 157, 0.15);
448
- }
449
- .react-grid .banshi-list .banshi-item:nth-child(6n+6) {
450
- background: #05773310;
451
- }
452
- .react-grid .banshi-list .banshi-item:nth-child(6n+6) .iconfont-ywtb.ic,
453
- .react-grid .banshi-list .banshi-item:nth-child(6n+6) .iconfont-ywtb.bg {
454
- background-image: linear-gradient(204deg, #037532 0%, rgba(4, 123, 53, 0.15) 99%);
455
- color: rgba(4, 123, 53, 0.15);
456
- }
457
- .react-grid .carousel-notice.t-slide {
458
- margin: 16px;
459
- border-radius: 5px;
460
- }
461
- .react-grid .carousel-notice.t-slide .t-slide-item {
462
- background-size: 100% 100%;
463
- }
464
- .react-grid .carousel-notice.t-slide .t-slide-item-inner {
465
- background-size: 100% 100%;
466
- background-repeat: no-repeat;
467
- padding: 16px;
468
- }
469
- .react-grid .carousel-notice.t-slide .t-slide-item img {
470
- display: none;
471
- }
472
- .react-grid .carousel-notice.t-slide .notice-card-head {
473
- display: flex;
474
- justify-content: space-between;
475
- align-items: center;
476
- margin-bottom: 16px;
477
- }
478
- .react-grid .carousel-notice.t-slide .notice-card-head span {
479
- font-size: 20px;
480
- font-weight: 700;
481
- }
482
- .react-grid .carousel-notice.t-slide .notice-card-head .t-button {
483
- height: 26px;
484
- line-height: 26px;
485
- font-size: 14px;
486
- padding: 0 16px;
487
- margin: 0;
488
- background: rgba(163, 131, 78, 0.1);
489
- color: #A3834E;
490
- }
491
- .react-grid .jxzt-content {
492
- margin: 0;
493
- }
494
- .react-grid .jxzt-content .t-image-slide-item {
495
- background-image: url(/mobile/fmui/images/notice-card-bg.png);
496
- background-size: 100% 100%;
497
- border-radius: 10px;
498
- }
499
- .react-grid .jxzt-content .t-slide-view {
500
- height: 90px;
501
- }
502
- .react-grid .infoList {
503
- margin: 0 16px;
504
- padding: 10px 0;
505
- border-bottom: 1px solid #e9e9e9;
506
- }
507
- .react-grid .infoList .infoContent {
508
- display: flex;
509
- justify-content: space-between;
510
- }
511
- .react-grid .infoList .infoContent .rightContent {
512
- flex: 1;
513
- }
514
- .react-grid .infoList .infoContent p:first-child {
515
- overflow: hidden;
516
- -webkit-box-orient: vertical;
517
- -webkit-line-clamp: 2;
518
- display: -webkit-box;
519
- font-size: 16px;
520
- text-align: left;
521
- color: #000000;
522
- line-height: 22.5px;
523
- margin-bottom: 5px;
524
- word-break: break-all;
525
- }
526
- .react-grid .infoList .infoContent p:last-child {
527
- display: flex;
528
- align-items: center;
529
- }
530
- .react-grid .infoList .infoContent p:last-child img {
531
- margin: 0 0.1667rem 0 0;
532
- width: 0.3467rem;
533
- height: 0.2933rem;
534
- }
535
- .react-grid .infoList .infoContent p:last-child span {
536
- margin: 0 10px 0 0;
537
- text-align: left;
538
- color: #00000066;
539
- line-height: 1.3;
540
- word-break: break-all;
541
- }
542
- .react-grid .infoList .infoContent .imgContent img {
543
- margin: auto;
544
- width: 2.96rem;
545
- height: 1.9333rem;
546
- border-radius: 0.1067rem;
547
- }
548
- .react-grid .infoList:last-of-type {
549
- border-bottom: none;
550
- }
551
- .react-grid .infoList3 {
552
- background-color: #fff;
553
- padding-top: 0.2667rem;
554
- padding-left: 0.2667rem;
555
- padding-right: 0.2667rem;
556
- }
557
- .react-grid .infoList3 .infoContent {
558
- border-bottom: 0.0267rem solid #dcdcdc;
559
- padding-bottom: 0.2667rem;
560
- }
561
- .react-grid .infoList3 .infoContent p:first-child {
562
- overflow: hidden;
563
- -webkit-box-orient: vertical;
564
- -webkit-line-clamp: 2;
565
- display: -webkit-box;
566
- font-size: 16px;
567
- font-weight: 400;
568
- text-align: left;
569
- color: #000000;
570
- line-height: 22.5px;
571
- margin-bottom: 0.2667rem;
572
- }
573
- .react-grid .infoList3 .infoContent p:last-child {
574
- display: flex;
575
- align-items: center;
576
- }
577
- .react-grid .infoList3 .infoContent p:last-child img {
578
- margin: 0 0.1667rem 0 0;
579
- width: 0.3467rem;
580
- height: 0.2933rem;
581
- }
582
- .react-grid .infoList3 .infoContent p:last-child span {
583
- margin: 0 10px 0 0;
584
- font-size: 12px;
585
- font-weight: 400;
586
- text-align: left;
587
- color: #00000066;
588
- line-height: 1.3;
589
- word-break: break-all;
590
- }
591
- .react-grid .infoList3 .infoContent .infoPics {
592
- margin-bottom: 0.2667rem;
593
- display: flex;
594
- justify-content: space-between;
595
- }
596
- .react-grid .infoList3 .infoContent .infoPics img {
597
- width: 2.8667rem;
598
- height: 1.9333rem;
599
- border-radius: 0.1067rem;
600
- }
601
- .react-grid .info-more-btn {
602
- color: #999;
603
- padding: 10px 16px;
604
- margin: 0 auto;
605
- width: 100px;
606
- }
607
- .react-grid .calendar-title,
608
- .react-grid .show-all-content {
609
- display: none;
610
- }
611
- .react-grid .calendar-container {
612
- background: transparent;
613
- }
614
- .react-grid .calendar-week {
615
- height: 20px;
616
- }
617
- .react-grid .calendar-week div {
618
- height: 20px;
619
- line-height: 20px;
620
- }
621
- .react-grid .calendar-wrap {
622
- border-bottom: none;
623
- margin-bottom: 10px;
624
- }
625
- .react-grid .calendar-content .canChoose-active span,
626
- .react-grid .calendar-content div.today span {
627
- color: #713938 !important;
628
- }
629
- .react-grid .calendar-content .canChoose-active span {
630
- background: #F6F6F6 !important;
631
- }
632
- .react-grid .calendar-content div.today span {
633
- background: #F6F6F6 !important;
634
- }
635
- .react-grid .calendar-content span.hasEvent:before {
636
- color: #FAB88D !important;
637
- }
638
- .react-grid .rc-list .rc-item {
639
- padding: 5px 16px 5px 10px;
640
- }
641
- .react-grid .rc-list .rc-item-time {
642
- width: 40px;
643
- color: #999;
644
- font-size: 14px;
645
- text-align: center;
646
- }
647
- .react-grid .rc-list .rc-item-time-line {
648
- position: absolute;
649
- top: 36px;
650
- left: 22px;
651
- color: #999;
652
- }
653
- .react-grid .rc-list .rc-item-title {
654
- padding: 0 16px;
655
- background: rgba(112, 58, 58, 0.06);
656
- border-radius: 4px;
657
- line-height: 36px;
658
- height: 36px;
659
- margin-left: 10px;
660
- }
661
- .react-grid .rc-item.rc-completed .rc-item-title {
662
- color: #ccc;
663
- background: #f9f9fa;
664
- }
665
- .react-grid .rc-item:last-of-type .rc-item-time-line {
666
- display: none;
667
- }
668
- .react-grid .meetingCard {
669
- width: 100%;
670
- background: transparent;
671
- padding: 8px;
672
- position: relative;
673
- }
674
- .react-grid .meetingCard .lineTop {
675
- position: absolute;
676
- top: 0;
677
- left: 10px;
678
- width: calc(100% - 20px);
679
- height: 16px;
680
- background: #713938;
681
- border-radius: 8px;
682
- }
683
- .react-grid .meetingCard .meetingBg {
684
- padding: 15px;
685
- margin: 0 15px;
686
- width: calc(100% - 30px);
687
- background: #fff;
688
- position: relative;
689
- border-radius: 0 0 8px 8px;
690
- box-shadow: 0 2px 6px 0 #eee;
691
- }
692
- .react-grid .meetingCard .meetingContent .meetingTitle {
693
- padding-bottom: 10px;
694
- border-bottom: 1px dashed #dcdcdc;
695
- }
696
- .react-grid .meetingCard .meetingContent .meetingTitle p {
697
- font-size: 16px;
698
- font-weight: 400;
699
- text-align: left;
700
- color: #000000;
701
- word-break: break-all;
702
- }
703
- .react-grid .meetingCard .meetingTime {
704
- height: 70%;
705
- padding-top: 0.2667rem;
706
- }
707
- .react-grid .meetingCard .meetingTime .meetingDate {
708
- color: #737373;
709
- font-size: 14px;
710
- display: flex;
711
- align-items: center;
712
- }
713
- .react-grid .meetingCard .meetingTime .meetingDate .iconfont {
714
- color: #BCC2C6;
715
- }
716
- .react-grid .meetingCard .meetingTime .timeTitle {
717
- display: flex;
718
- justify-content: space-between;
719
- font-size: 12px;
720
- color: #B8B8B8;
721
- margin: 20px 20px 10px 20px;
722
- }
723
- .react-grid .meetingCard .meetingTime .time {
724
- display: flex;
725
- align-items: center;
726
- width: 100%;
727
- margin-top: 0;
728
- padding: 0 16px;
729
- }
730
- .react-grid .meetingCard .meetingTime .time li {
731
- list-style-type: none;
732
- }
733
- .react-grid .meetingCard .meetingTime .time li:first-child {
734
- width: 30%;
735
- font-size: 25px;
736
- font-weight: 700;
737
- text-align: left;
738
- color: #000000;
739
- }
740
- .react-grid .meetingCard .meetingTime .time li:nth-child(2) {
741
- width: 40%;
742
- position: relative;
743
- }
744
- .react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
745
- background: #713938;
746
- border-radius: 11px;
747
- color: #fff;
748
- text-align: center;
749
- height: 22px;
750
- width: 90px;
751
- line-height: 22px;
752
- margin: auto;
753
- }
754
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
755
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
756
- content: "";
757
- display: block;
758
- width: calc((100% - 90px) / 2);
759
- height: 1px;
760
- background-color: #713938;
761
- position: absolute;
762
- }
763
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
764
- top: 10px;
765
- left: 0;
766
- }
767
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
768
- top: 10px;
769
- right: 0;
770
- }
771
- .react-grid .meetingCard .meetingTime .time li:last-child {
772
- width: 30%;
773
- font-size: 25px;
774
- font-weight: 700;
775
- text-align: right;
776
- color: #000000;
777
- }
778
- .react-grid .meetingCard .meetingTime .location {
779
- margin-top: 0.5333rem;
780
- color: #737373;
781
- font-size: 14px;
782
- font-weight: 400;
783
- text-align: left;
784
- }
785
- .react-grid .meetingCard .meetingTime .location .iconfont {
786
- color: #BCC2C6;
787
- }
788
- .react-grid .meetingCard .startIcon {
789
- position: absolute;
790
- top: 20px;
791
- right: 20px;
792
- width: 2rem;
793
- }
794
- .react-grid .emailListItem {
795
- height: 1.8rem;
796
- border-bottom: 0.0267rem solid #dcdcdc;
797
- display: flex;
798
- position: relative;
799
- justify-content: space-between;
800
- align-items: center;
801
- background-color: #fff;
802
- }
803
- .react-grid .emailListItem .leftPic {
804
- width: 20%;
805
- height: 80%;
806
- display: flex;
807
- text-align: center;
808
- position: relative;
809
- }
810
- .react-grid .emailListItem .leftPic .emailIcon {
811
- margin: auto;
812
- width: 1.0667rem;
813
- height: 1.0667rem;
814
- }
815
- .react-grid .emailListItem .leftPic .badge {
816
- width: 0.4rem;
817
- height: 0.4rem;
818
- position: absolute;
819
- top: 0.2667rem;
820
- right: 0.3467rem;
821
- }
822
- .react-grid .emailListItem .rightContent {
823
- width: 80%;
824
- }
825
- .react-grid .emailListItem .rightContent .sendUserName {
826
- font-size: 16px;
827
- font-weight: 700;
828
- color: #000;
829
- }
830
- .react-grid .emailListItem .rightContent .content {
831
- font-size: 14px;
832
- font-weight: 400;
833
- text-align: left;
834
- color: #000000B3;
835
- overflow: hidden;
836
- text-overflow: ellipsis;
837
- white-space: nowrap;
838
- }
839
- .react-grid .emailListItem .emailTime {
840
- position: absolute;
841
- top: 0.2667rem;
842
- right: 0.2667rem;
843
- font-size: 12px;
844
- font-weight: 400;
845
- color: #00000066;
846
- }
847
- .react-grid .approveList {
848
- margin: 0 auto 10px auto;
849
- width: 9.1467rem;
850
- background-color: #fff;
851
- overflow: hidden;
852
- border-radius: 6px;
853
- }
854
- .react-grid .approveList .t-FBH {
855
- justify-content: space-between;
856
- }
857
- .react-grid .approveList .time-tag {
858
- background: #fce68f;
859
- padding: 8px 16px;
860
- border-radius: 0 0 16px 0;
861
- color: #806207;
862
- }
863
- .react-grid .approveList .urgency-tag {
864
- text-align: center;
865
- height: 22px;
866
- line-height: 22px;
867
- font-size: 12px;
868
- color: #fff;
869
- margin-top: 6px;
870
- padding: 0 16px;
871
- border-radius: 12px 0 0 12px;
872
- }
873
- .react-grid .documentList {
874
- margin: 0 auto 10px auto;
875
- width: 9.1467rem;
876
- background-color: #fff;
877
- overflow: hidden;
878
- border-radius: 6px;
879
- }
880
- .react-grid .documentList .t-tag-red {
881
- line-height: 16px;
882
- border: 1px solid #d6403b;
883
- }
884
- .react-grid .personal-tab {
885
- color: red;
886
- }
887
- .react-grid .department-tab {
888
- color: blue;
889
- }
890
- .react-grid .list-RT-label .list-item .item-title::before {
891
- background: #713938;
892
- }
893
- .react-grid .list-RT-label .list-item {
894
- margin: 10px 16px;
895
- }
896
- .react-grid .rightMore {
897
- position: absolute;
898
- right: 10px;
899
- color: #999;
900
- z-index: 999;
901
- padding: 2px;
902
- font-size: 14px;
903
- }
904
- .react-grid .rightMore .iconfont-ywtb {
905
- font-size: 7px;
906
- vertical-align: middle;
907
- margin-left: 2px;
908
- }
909
- .react-grid .sxbl_buttons {
910
- border-top: none !important;
911
- padding: 0 16px;
912
- }
913
- .react-grid .sxbl_buttons button {
914
- width: 98%;
915
- padding: 4px 6px;
916
- margin-bottom: 10px;
917
- background: rgba(112, 58, 58, 0.12);
918
- border: 2px solid #703a3a;
919
- border-radius: 4px;
920
- font-size: 16px;
921
- color: #703A3A;
922
- }
923
- .react-grid .sxbl_buttons .t-grid-row {
924
- border-bottom: none !important;
925
- }
926
- .react-grid .wdsx-list .list-item {
927
- display: flex;
928
- align-items: center;
929
- justify-content: space-between;
930
- }
931
- .react-grid .wdsx-list .list-item .item-content {
932
- display: flex;
933
- flex-direction: column;
934
- align-items: flex-start;
935
- justify-content: initial;
936
- }
937
- .react-grid .t-grid-item + .t-grid-item {
938
- border-left: none !important;
939
- }
940
- .react-grid .t-refresh-control .t-refresh-control-inner {
941
- z-index: 0;
942
- }
943
- .react-grid .t-refresh-control.ready .t-refresh-control-inner {
944
- z-index: -1;
945
- }
946
- .react-grid .t-refresh-control.refreshAnimate.refreshing .t-refresh-control-inner {
947
- z-index: 0;
948
- }
949
- .react-grid .t-refresh-control.refreshAnimate .t-refresh-control-inner {
950
- z-index: -1;
951
- }
952
- .react-grid .lcfq-list .lcfq-list-item {
953
- display: flex;
954
- flex-direction: column;
955
- align-items: center;
956
- padding-bottom: 10px;
957
- }
958
- .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-icon {
959
- width: 50px;
960
- height: 50px;
961
- line-height: 50px;
962
- margin: 0 auto;
963
- border-radius: 8px;
964
- margin-bottom: 10px;
965
- position: relative;
966
- }
967
- .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-text {
968
- line-height: 1.3;
969
- font-size: 14px;
970
- }
971
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+1) .lcfq-list-item-icon {
972
- color: #FFBB3C;
973
- background: rgba(255, 187, 60, 0.16);
974
- }
975
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+2) .lcfq-list-item-icon {
976
- color: #FE9072;
977
- background: rgba(254, 144, 114, 0.16);
978
- }
979
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+3) .lcfq-list-item-icon {
980
- color: #3FACF6;
981
- background: rgba(63, 172, 246, 0.16);
982
- }
983
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+4) .lcfq-list-item-icon {
984
- color: #1AC8D1;
985
- background: rgba(26, 200, 209, 0.16);
986
- }
987
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+5) .lcfq-list-item-icon {
988
- color: #7C80DA;
989
- background: rgba(124, 128, 218, 0.16);
990
- }
991
- .react-grid .t-grid {
992
- margin: 0 8px;
993
- border-top: none !important;
994
- }
995
- .react-grid .t-grid .t-grid-row {
996
- align-items: flex-start;
997
- width: 100%;
998
- padding: 8px 0 0 0;
999
- border-bottom: none;
1000
- border-top: none;
1001
- text-align: center;
1002
- }
1003
- .react-grid .t-grid .t-grid-item + .t-grid-item {
1004
- border-left: none;
1005
- }
1006
- .react-grid .tp-content {
1007
- width: 100%;
1008
- height: 100%;
1009
- }
1010
- .react-grid .tp-content img {
1011
- width: 100%;
1012
- height: 100%;
1013
- }