easy3wui 1.4.248 → 1.4.249
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/assets/flow.css +64 -0
- package/assets/index.css +64 -0
- package/package.json +1 -1
package/assets/flow.css
CHANGED
|
@@ -34,75 +34,139 @@
|
|
|
34
34
|
}
|
|
35
35
|
.flowtop .floatcenter .renderTopTemp2:first-child {
|
|
36
36
|
width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
|
|
37
|
+
padding-left: calc((100% / 2 - 22px) / 2);
|
|
37
38
|
}
|
|
38
39
|
.flowtop .floatcenter .renderTopTemp2 {
|
|
39
40
|
width: calc(100% / 2);
|
|
40
41
|
}
|
|
42
|
+
.flowtop .floatcenter .renderTopTemp2 .flowline2 {
|
|
43
|
+
float: left;
|
|
44
|
+
margin-top: 15px;
|
|
45
|
+
height: 4px;
|
|
46
|
+
width: calc((100% / 2 - 22px));
|
|
47
|
+
}
|
|
41
48
|
.flowtop .floatcenter .renderTopTemp2:last-child {
|
|
42
49
|
width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
|
|
50
|
+
padding-right: calc((100% / 2 - 22px) / 2);
|
|
43
51
|
}
|
|
44
52
|
.flowtop .floatcenter .renderTopTemp3:first-child {
|
|
45
53
|
width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
|
|
54
|
+
padding-left: calc((100% / 3 - 22px) / 2);
|
|
46
55
|
}
|
|
47
56
|
.flowtop .floatcenter .renderTopTemp3 {
|
|
48
57
|
width: calc(100% / 3);
|
|
49
58
|
}
|
|
59
|
+
.flowtop .floatcenter .renderTopTemp3 .flowline3 {
|
|
60
|
+
float: left;
|
|
61
|
+
margin-top: 15px;
|
|
62
|
+
height: 4px;
|
|
63
|
+
width: calc((100% / 3 - 22px));
|
|
64
|
+
}
|
|
50
65
|
.flowtop .floatcenter .renderTopTemp3:last-child {
|
|
51
66
|
width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
|
|
67
|
+
padding-right: calc((100% / 3 - 22px) / 2);
|
|
52
68
|
}
|
|
53
69
|
.flowtop .floatcenter .renderTopTemp4:first-child {
|
|
54
70
|
width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
|
|
71
|
+
padding-left: calc((100% / 4 - 22px) / 2);
|
|
55
72
|
}
|
|
56
73
|
.flowtop .floatcenter .renderTopTemp4 {
|
|
57
74
|
width: calc(100% / 4);
|
|
58
75
|
}
|
|
76
|
+
.flowtop .floatcenter .renderTopTemp4 .flowline4 {
|
|
77
|
+
float: left;
|
|
78
|
+
margin-top: 15px;
|
|
79
|
+
height: 4px;
|
|
80
|
+
width: calc((100% / 4 - 22px));
|
|
81
|
+
}
|
|
59
82
|
.flowtop .floatcenter .renderTopTemp4:last-child {
|
|
60
83
|
width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
|
|
84
|
+
padding-right: calc((100% / 4 - 22px) / 2);
|
|
61
85
|
}
|
|
62
86
|
.flowtop .floatcenter .renderTopTemp5:first-child {
|
|
63
87
|
width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
|
|
88
|
+
padding-left: calc((100% / 5 - 22px) / 2);
|
|
64
89
|
}
|
|
65
90
|
.flowtop .floatcenter .renderTopTemp5 {
|
|
66
91
|
width: calc(100% / 5);
|
|
67
92
|
}
|
|
93
|
+
.flowtop .floatcenter .renderTopTemp5 .flowline5 {
|
|
94
|
+
float: left;
|
|
95
|
+
margin-top: 15px;
|
|
96
|
+
height: 4px;
|
|
97
|
+
width: calc((100% / 5 - 22px));
|
|
98
|
+
}
|
|
68
99
|
.flowtop .floatcenter .renderTopTemp5:last-child {
|
|
69
100
|
width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
|
|
101
|
+
padding-right: calc((100% / 5 - 22px) / 2);
|
|
70
102
|
}
|
|
71
103
|
.flowtop .floatcenter .renderTopTemp6:first-child {
|
|
72
104
|
width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
|
|
105
|
+
padding-left: calc((100% / 6 - 22px) / 2);
|
|
73
106
|
}
|
|
74
107
|
.flowtop .floatcenter .renderTopTemp6 {
|
|
75
108
|
width: calc(100% / 6);
|
|
76
109
|
}
|
|
110
|
+
.flowtop .floatcenter .renderTopTemp6 .flowline6 {
|
|
111
|
+
float: left;
|
|
112
|
+
margin-top: 15px;
|
|
113
|
+
height: 4px;
|
|
114
|
+
width: calc((100% / 6 - 22px));
|
|
115
|
+
}
|
|
77
116
|
.flowtop .floatcenter .renderTopTemp6:last-child {
|
|
78
117
|
width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
|
|
118
|
+
padding-right: calc((100% / 6 - 22px) / 2);
|
|
79
119
|
}
|
|
80
120
|
.flowtop .floatcenter .renderTopTemp7:first-child {
|
|
81
121
|
width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
|
|
122
|
+
padding-left: calc((100% / 7 - 22px) / 2);
|
|
82
123
|
}
|
|
83
124
|
.flowtop .floatcenter .renderTopTemp7 {
|
|
84
125
|
width: calc(100% / 7);
|
|
85
126
|
}
|
|
127
|
+
.flowtop .floatcenter .renderTopTemp7 .flowline7 {
|
|
128
|
+
float: left;
|
|
129
|
+
margin-top: 15px;
|
|
130
|
+
height: 4px;
|
|
131
|
+
width: calc((100% / 7 - 22px));
|
|
132
|
+
}
|
|
86
133
|
.flowtop .floatcenter .renderTopTemp7:last-child {
|
|
87
134
|
width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
|
|
135
|
+
padding-right: calc((100% / 7 - 22px) / 2);
|
|
88
136
|
}
|
|
89
137
|
.flowtop .floatcenter .renderTopTemp8:first-child {
|
|
90
138
|
width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
|
|
139
|
+
padding-left: calc((100% / 8 - 22px) / 2);
|
|
91
140
|
}
|
|
92
141
|
.flowtop .floatcenter .renderTopTemp8 {
|
|
93
142
|
width: calc(100% / 8);
|
|
94
143
|
}
|
|
144
|
+
.flowtop .floatcenter .renderTopTemp8 .flowline8 {
|
|
145
|
+
float: left;
|
|
146
|
+
margin-top: 15px;
|
|
147
|
+
height: 4px;
|
|
148
|
+
width: calc((100% / 8 - 22px));
|
|
149
|
+
}
|
|
95
150
|
.flowtop .floatcenter .renderTopTemp8:last-child {
|
|
96
151
|
width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
|
|
152
|
+
padding-right: calc((100% / 8 - 22px) / 2);
|
|
97
153
|
}
|
|
98
154
|
.flowtop .floatcenter .renderTopTemp9:first-child {
|
|
99
155
|
width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
|
|
156
|
+
padding-left: calc((100% / 9 - 22px) / 2);
|
|
100
157
|
}
|
|
101
158
|
.flowtop .floatcenter .renderTopTemp9 {
|
|
102
159
|
width: calc(100% / 9);
|
|
103
160
|
}
|
|
161
|
+
.flowtop .floatcenter .renderTopTemp9 .flowline9 {
|
|
162
|
+
float: left;
|
|
163
|
+
margin-top: 15px;
|
|
164
|
+
height: 4px;
|
|
165
|
+
width: calc((100% / 9 - 22px));
|
|
166
|
+
}
|
|
104
167
|
.flowtop .floatcenter .renderTopTemp9:last-child {
|
|
105
168
|
width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
|
|
169
|
+
padding-right: calc((100% / 9 - 22px) / 2);
|
|
106
170
|
}
|
|
107
171
|
.flowmid {
|
|
108
172
|
width: 100%;
|
package/assets/index.css
CHANGED
|
@@ -479,75 +479,139 @@ s {
|
|
|
479
479
|
}
|
|
480
480
|
.flowtop .floatcenter .renderTopTemp2:first-child {
|
|
481
481
|
width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
|
|
482
|
+
padding-left: calc((100% / 2 - 22px) / 2);
|
|
482
483
|
}
|
|
483
484
|
.flowtop .floatcenter .renderTopTemp2 {
|
|
484
485
|
width: calc(100% / 2);
|
|
485
486
|
}
|
|
487
|
+
.flowtop .floatcenter .renderTopTemp2 .flowline2 {
|
|
488
|
+
float: left;
|
|
489
|
+
margin-top: 15px;
|
|
490
|
+
height: 4px;
|
|
491
|
+
width: calc((100% / 2 - 22px));
|
|
492
|
+
}
|
|
486
493
|
.flowtop .floatcenter .renderTopTemp2:last-child {
|
|
487
494
|
width: calc((100% / 2 - 22px) / 2 * 3 + 22px);
|
|
495
|
+
padding-right: calc((100% / 2 - 22px) / 2);
|
|
488
496
|
}
|
|
489
497
|
.flowtop .floatcenter .renderTopTemp3:first-child {
|
|
490
498
|
width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
|
|
499
|
+
padding-left: calc((100% / 3 - 22px) / 2);
|
|
491
500
|
}
|
|
492
501
|
.flowtop .floatcenter .renderTopTemp3 {
|
|
493
502
|
width: calc(100% / 3);
|
|
494
503
|
}
|
|
504
|
+
.flowtop .floatcenter .renderTopTemp3 .flowline3 {
|
|
505
|
+
float: left;
|
|
506
|
+
margin-top: 15px;
|
|
507
|
+
height: 4px;
|
|
508
|
+
width: calc((100% / 3 - 22px));
|
|
509
|
+
}
|
|
495
510
|
.flowtop .floatcenter .renderTopTemp3:last-child {
|
|
496
511
|
width: calc((100% / 3 - 22px) / 2 * 3 + 22px);
|
|
512
|
+
padding-right: calc((100% / 3 - 22px) / 2);
|
|
497
513
|
}
|
|
498
514
|
.flowtop .floatcenter .renderTopTemp4:first-child {
|
|
499
515
|
width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
|
|
516
|
+
padding-left: calc((100% / 4 - 22px) / 2);
|
|
500
517
|
}
|
|
501
518
|
.flowtop .floatcenter .renderTopTemp4 {
|
|
502
519
|
width: calc(100% / 4);
|
|
503
520
|
}
|
|
521
|
+
.flowtop .floatcenter .renderTopTemp4 .flowline4 {
|
|
522
|
+
float: left;
|
|
523
|
+
margin-top: 15px;
|
|
524
|
+
height: 4px;
|
|
525
|
+
width: calc((100% / 4 - 22px));
|
|
526
|
+
}
|
|
504
527
|
.flowtop .floatcenter .renderTopTemp4:last-child {
|
|
505
528
|
width: calc((100% / 4 - 22px) / 2 * 3 + 22px);
|
|
529
|
+
padding-right: calc((100% / 4 - 22px) / 2);
|
|
506
530
|
}
|
|
507
531
|
.flowtop .floatcenter .renderTopTemp5:first-child {
|
|
508
532
|
width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
|
|
533
|
+
padding-left: calc((100% / 5 - 22px) / 2);
|
|
509
534
|
}
|
|
510
535
|
.flowtop .floatcenter .renderTopTemp5 {
|
|
511
536
|
width: calc(100% / 5);
|
|
512
537
|
}
|
|
538
|
+
.flowtop .floatcenter .renderTopTemp5 .flowline5 {
|
|
539
|
+
float: left;
|
|
540
|
+
margin-top: 15px;
|
|
541
|
+
height: 4px;
|
|
542
|
+
width: calc((100% / 5 - 22px));
|
|
543
|
+
}
|
|
513
544
|
.flowtop .floatcenter .renderTopTemp5:last-child {
|
|
514
545
|
width: calc((100% / 5 - 22px) / 2 * 3 + 22px);
|
|
546
|
+
padding-right: calc((100% / 5 - 22px) / 2);
|
|
515
547
|
}
|
|
516
548
|
.flowtop .floatcenter .renderTopTemp6:first-child {
|
|
517
549
|
width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
|
|
550
|
+
padding-left: calc((100% / 6 - 22px) / 2);
|
|
518
551
|
}
|
|
519
552
|
.flowtop .floatcenter .renderTopTemp6 {
|
|
520
553
|
width: calc(100% / 6);
|
|
521
554
|
}
|
|
555
|
+
.flowtop .floatcenter .renderTopTemp6 .flowline6 {
|
|
556
|
+
float: left;
|
|
557
|
+
margin-top: 15px;
|
|
558
|
+
height: 4px;
|
|
559
|
+
width: calc((100% / 6 - 22px));
|
|
560
|
+
}
|
|
522
561
|
.flowtop .floatcenter .renderTopTemp6:last-child {
|
|
523
562
|
width: calc((100% / 6 - 22px) / 2 * 3 + 22px);
|
|
563
|
+
padding-right: calc((100% / 6 - 22px) / 2);
|
|
524
564
|
}
|
|
525
565
|
.flowtop .floatcenter .renderTopTemp7:first-child {
|
|
526
566
|
width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
|
|
567
|
+
padding-left: calc((100% / 7 - 22px) / 2);
|
|
527
568
|
}
|
|
528
569
|
.flowtop .floatcenter .renderTopTemp7 {
|
|
529
570
|
width: calc(100% / 7);
|
|
530
571
|
}
|
|
572
|
+
.flowtop .floatcenter .renderTopTemp7 .flowline7 {
|
|
573
|
+
float: left;
|
|
574
|
+
margin-top: 15px;
|
|
575
|
+
height: 4px;
|
|
576
|
+
width: calc((100% / 7 - 22px));
|
|
577
|
+
}
|
|
531
578
|
.flowtop .floatcenter .renderTopTemp7:last-child {
|
|
532
579
|
width: calc((100% / 7 - 22px) / 2 * 3 + 22px);
|
|
580
|
+
padding-right: calc((100% / 7 - 22px) / 2);
|
|
533
581
|
}
|
|
534
582
|
.flowtop .floatcenter .renderTopTemp8:first-child {
|
|
535
583
|
width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
|
|
584
|
+
padding-left: calc((100% / 8 - 22px) / 2);
|
|
536
585
|
}
|
|
537
586
|
.flowtop .floatcenter .renderTopTemp8 {
|
|
538
587
|
width: calc(100% / 8);
|
|
539
588
|
}
|
|
589
|
+
.flowtop .floatcenter .renderTopTemp8 .flowline8 {
|
|
590
|
+
float: left;
|
|
591
|
+
margin-top: 15px;
|
|
592
|
+
height: 4px;
|
|
593
|
+
width: calc((100% / 8 - 22px));
|
|
594
|
+
}
|
|
540
595
|
.flowtop .floatcenter .renderTopTemp8:last-child {
|
|
541
596
|
width: calc((100% / 8 - 22px) / 2 * 3 + 22px);
|
|
597
|
+
padding-right: calc((100% / 8 - 22px) / 2);
|
|
542
598
|
}
|
|
543
599
|
.flowtop .floatcenter .renderTopTemp9:first-child {
|
|
544
600
|
width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
|
|
601
|
+
padding-left: calc((100% / 9 - 22px) / 2);
|
|
545
602
|
}
|
|
546
603
|
.flowtop .floatcenter .renderTopTemp9 {
|
|
547
604
|
width: calc(100% / 9);
|
|
548
605
|
}
|
|
606
|
+
.flowtop .floatcenter .renderTopTemp9 .flowline9 {
|
|
607
|
+
float: left;
|
|
608
|
+
margin-top: 15px;
|
|
609
|
+
height: 4px;
|
|
610
|
+
width: calc((100% / 9 - 22px));
|
|
611
|
+
}
|
|
549
612
|
.flowtop .floatcenter .renderTopTemp9:last-child {
|
|
550
613
|
width: calc((100% / 9 - 22px) / 2 * 3 + 22px);
|
|
614
|
+
padding-right: calc((100% / 9 - 22px) / 2);
|
|
551
615
|
}
|
|
552
616
|
.flowmid {
|
|
553
617
|
width: 100%;
|