fmui-base 2.0.70 → 2.0.72

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