fmui-base 2.0.71 → 2.0.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/lib/css/react_grid.css +33 -20
- package/lib/react_grid/react_grid.js +2 -2
- package/lib/react_grid/react_grid.less +42 -21
- package/package.json +1 -1
package/README.md
CHANGED
package/lib/css/react_grid.css
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
.react-grid .noTitle .t-tab-bar {
|
|
2
2
|
display: none;
|
|
3
3
|
}
|
|
4
|
+
.react-grid .t-tab-wrap {
|
|
5
|
+
height: 100%;
|
|
6
|
+
}
|
|
4
7
|
.react-grid .t-tab {
|
|
5
|
-
|
|
8
|
+
height: 100%;
|
|
9
|
+
padding-top: 17px;
|
|
6
10
|
}
|
|
7
11
|
.react-grid .t-tab-bar {
|
|
8
12
|
position: relative;
|
|
@@ -45,6 +49,9 @@
|
|
|
45
49
|
.react-grid .t-tab-ink-bar {
|
|
46
50
|
display: none !important;
|
|
47
51
|
}
|
|
52
|
+
.react-grid .t-tab-content {
|
|
53
|
+
height: 100%;
|
|
54
|
+
}
|
|
48
55
|
.react-grid .t-tab-nav-wrap .t-tab-ink-bar {
|
|
49
56
|
margin-left: -31px;
|
|
50
57
|
}
|
|
@@ -59,26 +66,26 @@
|
|
|
59
66
|
}
|
|
60
67
|
.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img {
|
|
61
68
|
position: absolute;
|
|
62
|
-
width:
|
|
69
|
+
width: calc(100% + 16px);
|
|
63
70
|
height: 130px;
|
|
64
|
-
left: -
|
|
71
|
+
left: -8px;
|
|
65
72
|
right: 0;
|
|
66
73
|
top: 0;
|
|
67
74
|
z-index: -1;
|
|
68
75
|
}
|
|
69
76
|
.react-grid .react-grid-component .react-grid-banner-type2 .react-grid-banner-img img {
|
|
70
|
-
width:
|
|
77
|
+
width: 100%;
|
|
71
78
|
height: 100%;
|
|
72
|
-
border-radius: 0 0
|
|
79
|
+
border-radius: 0 0 39% 39%;
|
|
73
80
|
}
|
|
74
81
|
.react-grid .react-grid-component .react-grid-banner-type2 .global-search {
|
|
75
82
|
padding: 16px 16px 45px 16px;
|
|
76
83
|
}
|
|
77
84
|
.react-grid .react-grid-component .react-grid-banner-type1 .react-grid-banner-img {
|
|
78
85
|
position: absolute;
|
|
79
|
-
width: 100%;
|
|
80
86
|
height: 100%;
|
|
81
|
-
|
|
87
|
+
width: calc(100% + 16px);
|
|
88
|
+
left: -8px;
|
|
82
89
|
right: 0;
|
|
83
90
|
top: 0;
|
|
84
91
|
z-index: -1;
|
|
@@ -90,6 +97,9 @@
|
|
|
90
97
|
.react-grid .react-grid-component .react-grid-banner-type1 .global-search {
|
|
91
98
|
padding: 16px 16px 25px 16px;
|
|
92
99
|
}
|
|
100
|
+
.react-grid .react-grid-component .react-grid-banner-type1 .t-grid {
|
|
101
|
+
margin: 0 ;
|
|
102
|
+
}
|
|
93
103
|
.react-grid .react-grid-component .react-grid-banner {
|
|
94
104
|
position: relative;
|
|
95
105
|
color: #fff;
|
|
@@ -174,6 +184,7 @@
|
|
|
174
184
|
height: 30px;
|
|
175
185
|
border-radius: 4px;
|
|
176
186
|
padding-left: 10px;
|
|
187
|
+
border: 1px solid #ffffff;
|
|
177
188
|
}
|
|
178
189
|
.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
|
|
179
190
|
color: #fff;
|
|
@@ -191,8 +202,8 @@
|
|
|
191
202
|
border: none;
|
|
192
203
|
box-shadow: none;
|
|
193
204
|
}
|
|
194
|
-
.react-grid .react-grid-component .react-grid-banner .t-grid-item:first-child .react-grid-banner-
|
|
195
|
-
.react-grid .react-grid-component .react-grid-banner .t-grid-item:last-child .react-grid-banner-
|
|
205
|
+
.react-grid .react-grid-component .react-grid-banner .t-grid-item:first-child .react-grid-banner-type2,
|
|
206
|
+
.react-grid .react-grid-component .react-grid-banner .t-grid-item:last-child .react-grid-banner-type2 {
|
|
196
207
|
border-radius: 6px 6px 30px 30px;
|
|
197
208
|
}
|
|
198
209
|
.react-grid .react-grid-component .react-grid-banner .t-grid-item {
|
|
@@ -253,13 +264,11 @@
|
|
|
253
264
|
font-weight: 400;
|
|
254
265
|
top: 3px;
|
|
255
266
|
right: 3px;
|
|
256
|
-
border: 1px solid #fff;
|
|
257
267
|
}
|
|
258
268
|
.react-grid .react-grid-component.banner {
|
|
259
|
-
|
|
260
|
-
transform: translate(8px, 0) !important;
|
|
269
|
+
overflow: initial;
|
|
261
270
|
background-color: transparent;
|
|
262
|
-
overflow:
|
|
271
|
+
overflow: visible !important;
|
|
263
272
|
}
|
|
264
273
|
.react-grid .t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
|
|
265
274
|
background: #2D899D;
|
|
@@ -296,7 +305,7 @@
|
|
|
296
305
|
text-align: center;
|
|
297
306
|
width: fit-content;
|
|
298
307
|
vertical-align: top;
|
|
299
|
-
padding-top:
|
|
308
|
+
padding-top: 6px;
|
|
300
309
|
}
|
|
301
310
|
.react-grid .systemItem .iconblock {
|
|
302
311
|
width: 40px;
|
|
@@ -335,10 +344,12 @@
|
|
|
335
344
|
}
|
|
336
345
|
.react-grid .component-bssx {
|
|
337
346
|
position: relative;
|
|
347
|
+
height: 100%;
|
|
338
348
|
}
|
|
339
349
|
.react-grid .component-bssx .rightMore {
|
|
340
350
|
position: absolute;
|
|
341
351
|
right: 10px;
|
|
352
|
+
top: 16px;
|
|
342
353
|
color: #999;
|
|
343
354
|
z-index: 999;
|
|
344
355
|
padding: 2px;
|
|
@@ -348,7 +359,7 @@
|
|
|
348
359
|
display: flex;
|
|
349
360
|
flex-wrap: wrap;
|
|
350
361
|
justify-content: space-between;
|
|
351
|
-
padding: 10px;
|
|
362
|
+
padding: 16px 10px 0 10px;
|
|
352
363
|
}
|
|
353
364
|
.react-grid .banshi-list .banshi-item {
|
|
354
365
|
width: calc(50% - 8px);
|
|
@@ -358,7 +369,9 @@
|
|
|
358
369
|
padding: 10px;
|
|
359
370
|
padding-right: 60px;
|
|
360
371
|
position: relative;
|
|
361
|
-
height:
|
|
372
|
+
height: 60px;
|
|
373
|
+
display: grid;
|
|
374
|
+
align-items: center;
|
|
362
375
|
}
|
|
363
376
|
.react-grid .banshi-list .banshi-item .title {
|
|
364
377
|
font-size: 14px;
|
|
@@ -385,7 +398,7 @@
|
|
|
385
398
|
.react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
|
|
386
399
|
position: absolute;
|
|
387
400
|
right: 0;
|
|
388
|
-
top: -
|
|
401
|
+
top: -9px;
|
|
389
402
|
bottom: 0;
|
|
390
403
|
font-size: 54px;
|
|
391
404
|
opacity: 0.16;
|
|
@@ -476,7 +489,7 @@
|
|
|
476
489
|
color: #A3834E;
|
|
477
490
|
}
|
|
478
491
|
.react-grid .jxzt-content {
|
|
479
|
-
margin: 0
|
|
492
|
+
margin: 0;
|
|
480
493
|
}
|
|
481
494
|
.react-grid .jxzt-content .t-image-slide-item {
|
|
482
495
|
background-image: url(/mobile/fmui/images/notice-card-bg.png);
|
|
@@ -484,7 +497,7 @@
|
|
|
484
497
|
border-radius: 10px;
|
|
485
498
|
}
|
|
486
499
|
.react-grid .jxzt-content .t-slide-view {
|
|
487
|
-
height:
|
|
500
|
+
height: 90px;
|
|
488
501
|
}
|
|
489
502
|
.react-grid .infoList {
|
|
490
503
|
margin: 0 16px;
|
|
@@ -982,7 +995,7 @@
|
|
|
982
995
|
.react-grid .t-grid .t-grid-row {
|
|
983
996
|
align-items: flex-start;
|
|
984
997
|
width: 100%;
|
|
985
|
-
padding:
|
|
998
|
+
padding: 8px 0 0 0;
|
|
986
999
|
border-bottom: none;
|
|
987
1000
|
border-top: none;
|
|
988
1001
|
text-align: center;
|
|
@@ -642,7 +642,7 @@ var MyGrid = function (_React$Component) {
|
|
|
642
642
|
_react2.default.createElement(
|
|
643
643
|
'div',
|
|
644
644
|
{ className: 'react-grid-banner-img ' },
|
|
645
|
-
_react2.default.createElement('img', { src: pathUrl })
|
|
645
|
+
_react2.default.createElement('img', { src: pathUrl, onerror: 'this.src=\'../../../fmui/images/defaultHome.png\';this.onerror=null' })
|
|
646
646
|
),
|
|
647
647
|
_react2.default.createElement(
|
|
648
648
|
'div',
|
|
@@ -1678,7 +1678,7 @@ var MyGrid = function (_React$Component) {
|
|
|
1678
1678
|
if (t.state[item.portletCode + '_' + item.id] && t.state[item.portletCode + '_' + item.id].length > 0) {
|
|
1679
1679
|
componentContent = _react2.default.createElement(
|
|
1680
1680
|
_Carousel2.default,
|
|
1681
|
-
{ showNav: true, height: '
|
|
1681
|
+
{ showNav: true, height: '90px', auto: false, className: 'jxzt-content', onSlideClick: function onSlideClick(option) {
|
|
1682
1682
|
t.skip2Zhuanti(option);
|
|
1683
1683
|
} },
|
|
1684
1684
|
_carouselItem
|
|
@@ -5,9 +5,14 @@
|
|
|
5
5
|
display: none;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
.t-tab-wrap {
|
|
10
|
+
height: 100%;
|
|
11
|
+
}
|
|
8
12
|
|
|
9
13
|
.t-tab {
|
|
10
|
-
|
|
14
|
+
height: 100%;
|
|
15
|
+
padding-top: 17px;
|
|
11
16
|
}
|
|
12
17
|
|
|
13
18
|
.t-tab-bar {
|
|
@@ -64,6 +69,10 @@
|
|
|
64
69
|
// background-color: #713938;
|
|
65
70
|
}
|
|
66
71
|
|
|
72
|
+
.t-tab-content {
|
|
73
|
+
height: 100%;
|
|
74
|
+
}
|
|
75
|
+
|
|
67
76
|
// .t-tab-ink-bar:after {
|
|
68
77
|
// content: "";
|
|
69
78
|
// display: block;
|
|
@@ -96,16 +105,19 @@
|
|
|
96
105
|
.react-grid-banner-type2 {
|
|
97
106
|
.react-grid-banner-img {
|
|
98
107
|
position: absolute;
|
|
99
|
-
width: 114%;
|
|
108
|
+
// width: 114%;
|
|
109
|
+
width: calc(100% + 16px);
|
|
100
110
|
height: 130px;
|
|
101
|
-
left: -14%;
|
|
111
|
+
// left: -14%;
|
|
112
|
+
left: -8px;
|
|
102
113
|
right: 0;
|
|
103
114
|
top: 0;
|
|
104
115
|
z-index: -1;
|
|
105
116
|
img {
|
|
106
|
-
width: 114%;
|
|
117
|
+
// width: 114%;
|
|
118
|
+
width: 100%;
|
|
107
119
|
height: 100%;
|
|
108
|
-
border-radius: 0 0
|
|
120
|
+
border-radius: 0 0 39% 39%;
|
|
109
121
|
}
|
|
110
122
|
}
|
|
111
123
|
|
|
@@ -117,9 +129,10 @@
|
|
|
117
129
|
.react-grid-banner-type1 {
|
|
118
130
|
.react-grid-banner-img {
|
|
119
131
|
position: absolute;
|
|
120
|
-
width: 100%;
|
|
121
132
|
height: 100%;
|
|
122
|
-
|
|
133
|
+
width: calc(100% + 16px);
|
|
134
|
+
// left: -14%;
|
|
135
|
+
left: -8px;
|
|
123
136
|
right: 0;
|
|
124
137
|
top: 0;
|
|
125
138
|
z-index: -1;
|
|
@@ -132,6 +145,10 @@
|
|
|
132
145
|
.global-search {
|
|
133
146
|
padding: 16px 16px 25px 16px;
|
|
134
147
|
}
|
|
148
|
+
|
|
149
|
+
.t-grid {
|
|
150
|
+
margin:0 ;
|
|
151
|
+
}
|
|
135
152
|
}
|
|
136
153
|
|
|
137
154
|
.react-grid-banner {
|
|
@@ -235,6 +252,7 @@
|
|
|
235
252
|
height: 30px;
|
|
236
253
|
border-radius: 4px;
|
|
237
254
|
padding-left: 10px;
|
|
255
|
+
border: 1px solid rgba(255,255,255,1);
|
|
238
256
|
|
|
239
257
|
.t-text-field-right-addon {
|
|
240
258
|
color: #fff;
|
|
@@ -258,7 +276,7 @@
|
|
|
258
276
|
}
|
|
259
277
|
}
|
|
260
278
|
|
|
261
|
-
.t-grid-item:first-child .react-grid-banner-
|
|
279
|
+
.t-grid-item:first-child .react-grid-banner-type2, .t-grid-item:last-child .react-grid-banner-type2 {
|
|
262
280
|
border-radius: 6px 6px 30px 30px;
|
|
263
281
|
}
|
|
264
282
|
|
|
@@ -336,14 +354,14 @@
|
|
|
336
354
|
font-weight: 400;
|
|
337
355
|
top: 3px;
|
|
338
356
|
right: 3px;
|
|
339
|
-
border: 1px solid #fff;
|
|
340
357
|
}
|
|
341
358
|
|
|
342
359
|
.react-grid-component.banner {
|
|
343
|
-
|
|
344
|
-
|
|
360
|
+
overflow: initial;
|
|
361
|
+
// width: 100% !important;
|
|
362
|
+
// transform: translate(0, 0) !important;
|
|
345
363
|
background-color: transparent;
|
|
346
|
-
overflow:
|
|
364
|
+
overflow: visible !important;
|
|
347
365
|
}
|
|
348
366
|
|
|
349
367
|
.t-grid-row:nth-child(1) .t-grid-item:nth-child(1) .systemItem .iconblock {
|
|
@@ -391,7 +409,7 @@
|
|
|
391
409
|
text-align: center;
|
|
392
410
|
width: fit-content;
|
|
393
411
|
vertical-align: top;
|
|
394
|
-
padding-top:
|
|
412
|
+
padding-top: 6px;
|
|
395
413
|
|
|
396
414
|
.iconblock {
|
|
397
415
|
width: 40px;
|
|
@@ -470,10 +488,11 @@
|
|
|
470
488
|
// }
|
|
471
489
|
.component-bssx {
|
|
472
490
|
position: relative;
|
|
491
|
+
height: 100%;
|
|
473
492
|
.rightMore {
|
|
474
493
|
position: absolute;
|
|
475
494
|
right: 10px;
|
|
476
|
-
top:
|
|
495
|
+
top: 16px;
|
|
477
496
|
color: #999;
|
|
478
497
|
z-index: 999;
|
|
479
498
|
padding: 2px;
|
|
@@ -484,7 +503,7 @@
|
|
|
484
503
|
display: flex;
|
|
485
504
|
flex-wrap: wrap;
|
|
486
505
|
justify-content: space-between;
|
|
487
|
-
padding: 10px;
|
|
506
|
+
padding: 16px 10px 0 10px;
|
|
488
507
|
|
|
489
508
|
.banshi-item {
|
|
490
509
|
width: calc(50% - 8px);
|
|
@@ -494,7 +513,9 @@
|
|
|
494
513
|
padding: 10px;
|
|
495
514
|
padding-right: 60px;
|
|
496
515
|
position: relative;
|
|
497
|
-
height:
|
|
516
|
+
height: 60px;
|
|
517
|
+
display: grid;
|
|
518
|
+
align-items: center;
|
|
498
519
|
|
|
499
520
|
.title {
|
|
500
521
|
font-size: 14px;
|
|
@@ -524,10 +545,10 @@
|
|
|
524
545
|
.iconfont-ywtb.bg {
|
|
525
546
|
position: absolute;
|
|
526
547
|
right: 0;
|
|
527
|
-
top: -
|
|
548
|
+
top: -9px;
|
|
528
549
|
bottom: 0;
|
|
529
550
|
font-size: 54px;
|
|
530
|
-
opacity:
|
|
551
|
+
opacity: .16;
|
|
531
552
|
background-clip: text;
|
|
532
553
|
-webkit-background-clip: text;
|
|
533
554
|
-webkit-text-fill-color: transparent;
|
|
@@ -644,7 +665,7 @@
|
|
|
644
665
|
}
|
|
645
666
|
|
|
646
667
|
.jxzt-content {
|
|
647
|
-
margin: 0
|
|
668
|
+
margin: 0;
|
|
648
669
|
.t-image-slide-item {
|
|
649
670
|
// height: 91px !important;
|
|
650
671
|
background-image: url(/mobile/fmui/images/notice-card-bg.png);
|
|
@@ -653,7 +674,7 @@
|
|
|
653
674
|
}
|
|
654
675
|
|
|
655
676
|
.t-slide-view {
|
|
656
|
-
height:
|
|
677
|
+
height: 90px;
|
|
657
678
|
}
|
|
658
679
|
}
|
|
659
680
|
|
|
@@ -1288,7 +1309,7 @@
|
|
|
1288
1309
|
.t-grid-row {
|
|
1289
1310
|
align-items: flex-start;
|
|
1290
1311
|
width: 100%;
|
|
1291
|
-
padding:
|
|
1312
|
+
padding: 8px 0 0 0;
|
|
1292
1313
|
border-bottom: none;
|
|
1293
1314
|
border-top: none;
|
|
1294
1315
|
text-align: center;
|