fmui-base 2.0.61 → 2.0.62

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