@yueglobal/ui 1.0.6 → 1.0.7
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/LICENSE +21 -21
- package/components/svg-icon/logo.svg +157 -0
- package/package.json +1 -1
- package/yue-page-header/index.js +3 -3
- package/yue-page-header/index.less +4 -0
- package/yue-page-header/second-menus/index.less +227 -227
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c)
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c)
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
2
|
+
viewBox="0 0 896.7 212.7" style="enable-background:new 0 0 896.7 212.7;" xml:space="preserve">
|
|
3
|
+
<style type="text/css">
|
|
4
|
+
.st0{opacity:0.8;}
|
|
5
|
+
.st1{fill:url(#SVGID_1_);}
|
|
6
|
+
.st2{fill:url(#SVGID_00000053520204679067499100000014996029779638812072_);}
|
|
7
|
+
.st3{fill:#1A4BFF;}
|
|
8
|
+
.st4{fill:url(#SVGID_00000003819059360676911410000006718218028936736424_);}
|
|
9
|
+
</style>
|
|
10
|
+
<g>
|
|
11
|
+
<g>
|
|
12
|
+
<g>
|
|
13
|
+
<path d="M585.1,90.3h-39.2v-5.8c0-1.8-0.6-3.3-1.8-4.5s-2.7-1.8-4.5-1.8s-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5v5.8h-39.2
|
|
14
|
+
c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5s0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8h39.3v27.2c0,1.8,0.6,3.3,1.8,4.5
|
|
15
|
+
s2.7,1.8,4.5,1.8s3.3-0.6,4.5-1.8s1.8-2.7,1.8-4.5v-27.2h39.2c1.8,0,3.3-0.6,4.5-1.8c1.2-1.2,1.8-2.7,1.8-4.5s-0.6-3.3-1.8-4.5
|
|
16
|
+
C588.3,90.9,586.8,90.3,585.1,90.3z"/>
|
|
17
|
+
<path d="M585.6,58.8c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5v1.8c0,1.6-0.2,1.9-0.2,1.9s-0.3,0.2-1.9,0.2h-18.1
|
|
18
|
+
c-1.6,0-1.9-0.2-1.9-0.2s-0.2-0.3-0.2-1.9V56.7c5.6-3.1,10.9-6.5,15.9-10.1c5.1-3.7,9.5-7.5,13-11.2c1.2-1.2,1.8-2.7,1.8-4.3
|
|
19
|
+
c0-1.8-0.6-3.3-1.8-4.5s-2.7-1.8-4.5-1.8c-1.9,0-3.4,0.7-4.5,1.9c-2.6,2.7-5.7,5.4-9.4,8.2c-3.4,2.5-7,5-10.7,7.4V21.4
|
|
20
|
+
c0-1.8-0.6-3.3-1.8-4.5s-2.7-1.8-4.5-1.8s-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5v27.8c-2.6,1.2-5.1,2.3-7.6,3.3
|
|
21
|
+
s-5,1.9-7.4,2.6c-1.3,0.4-2.4,1.1-3.2,2.2s-1.3,2.4-1.3,3.8c0,1.8,0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8c0.5,0,1.1-0.1,1.8-0.3
|
|
22
|
+
c3.4-1,7.3-2.4,11.4-4.2v4c0,2.1,0.4,4.1,1.1,5.9c0.7,1.8,1.8,3.4,3.1,4.6c1.3,1.3,2.9,2.3,4.6,3c1.8,0.7,3.7,1.1,5.8,1.1h18.1
|
|
23
|
+
c4.2,0,7.7-1.4,10.5-4.2c2.8-2.8,4.2-6.3,4.2-10.5V65c0-1.8-0.6-3.3-1.8-4.5C588.8,59.5,587.3,58.8,585.6,58.8z"/>
|
|
24
|
+
<path d="M493.6,61.9c1,0,2-0.2,2.9-0.7c1.7-0.9,3.5-2.1,5.4-3.5c1.5-1.2,3.1-2.5,4.8-3.9v23.1c0,1.8,0.6,3.3,1.8,4.5
|
|
25
|
+
s2.7,1.8,4.5,1.8c1.8,0,3.3-0.6,4.5-1.8c1.2-1.2,1.8-2.7,1.8-4.5v-37c1.9-2.6,3.7-5.3,5.4-8c1.7-2.8,3.2-5.5,4.4-8.3
|
|
26
|
+
c0.4-0.8,0.6-1.6,0.6-2.5c0-1.8-0.6-3.3-1.8-4.5s-2.7-1.8-4.5-1.8c-1.3,0-2.5,0.4-3.5,1.1c-1,0.7-1.8,1.6-2.2,2.7
|
|
27
|
+
c-1.3,3.2-3.1,6.4-5.2,9.6c-2.1,3.2-4.5,6.2-7,9.1s-5,5.4-7.6,7.6c-2.5,2.2-4.9,3.9-7.1,5.1c-1,0.6-1.8,1.3-2.4,2.3
|
|
28
|
+
c-0.6,1-0.9,2.1-0.9,3.3c0,1.8,0.6,3.3,1.8,4.5C490.3,61.2,491.8,61.9,493.6,61.9z"/>
|
|
29
|
+
<path d="M646.7,72.9c0-1.8-0.6-3.3-1.8-4.5s-2.7-1.8-4.5-1.8c-1.5,0-2.8,0.5-4,1.5l-13,11.1c-1.5,1.2-2.2,2.8-2.2,4.8
|
|
30
|
+
c0,1.8,0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8c1.5,0,2.8-0.5,4-1.5l13-11.1C645.9,76.4,646.7,74.8,646.7,72.9z"/>
|
|
31
|
+
<path d="M676.7,106v-5.6v-7.8c0-1.9-0.7-3.4-1.9-4.4c-1.1-1.3-2.6-2-4.5-2h-7.8h-16.8h-7.9c-1.8,0-3.3,0.6-4.5,1.8
|
|
32
|
+
c-1.2,1.2-1.8,2.7-1.8,4.5v7.9v5.6v7.8c0,1.9,0.7,3.4,1.9,4.4c1.1,1.3,2.6,2,4.5,2h7.8h16.8h7.9c1.8,0,3.3-0.6,4.5-1.8
|
|
33
|
+
s1.8-2.7,1.8-4.5V106z M664.1,107.5c-0.1,0-0.5,0.1-1.4,0.1h-16.9c-0.9,0-1.3-0.1-1.4-0.1c0-0.1-0.1-0.5-0.1-1.5v-5.6
|
|
34
|
+
c0-1,0.1-1.4,0.1-1.5c0.1,0,0.5-0.1,1.4-0.1h16.9c0.9,0,1.3,0.1,1.4,0.1c0,0.1,0.1,0.5,0.1,1.5v5.6
|
|
35
|
+
C664.2,106.9,664.1,107.3,664.1,107.5z"/>
|
|
36
|
+
<path d="M663.9,77.6l13,11.1c1.2,1,2.6,1.5,4,1.5c1.8,0,3.3-0.6,4.5-1.8c1.2-1.2,1.8-2.7,1.8-4.5c0-1.9-0.8-3.5-2.2-4.8L672,68
|
|
37
|
+
c-1.2-1-2.6-1.5-4-1.5c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5C661.6,74.8,662.4,76.4,663.9,77.6z"/>
|
|
38
|
+
<path d="M699.8,27.3h-37.7l-4.9-9.6c-0.6-1-1.3-1.8-2.3-2.4s-2.1-0.9-3.3-0.9c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5
|
|
39
|
+
c0,1,0.2,2,0.7,2.9l1.9,3.8h-39.4c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5c0,1.8,0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8H625
|
|
40
|
+
c-1,1.1-1.5,2.5-1.5,4.2c0,1.5,0.5,2.8,1.4,3.9l4.9,6.1h-16.4c-1.8,0-3.3,0.6-4.5,1.8c-1.2,1.2-1.8,2.7-1.8,4.5V129
|
|
41
|
+
c0,1.8,0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8s3.3-0.6,4.5-1.8s1.8-2.7,1.8-4.5V66.8h68.9v48.6c0,2.5-0.5,4.4-1.6,5.4
|
|
42
|
+
c-1,1-2.8,1.6-5.4,1.6c-1.8,0-3.3,0.6-4.5,1.8s-1.8,2.7-1.8,4.5c0,1.8,0.6,3.3,1.8,4.5s2.7,1.8,4.5,1.8c2.8,0,5.4-0.5,7.8-1.4
|
|
43
|
+
c2.4-1,4.5-2.3,6.2-4.1c1.7-1.7,3.1-3.8,4.1-6.2s1.4-5,1.4-7.8V60.9c0-1.8-0.7-3.3-1.9-4.6c-0.6-0.6-1.2-1-2-1.4
|
|
44
|
+
s-1.7-0.6-2.6-0.6h-16.1l5-6.1c0.9-1.1,1.4-2.4,1.4-3.9c0-1-0.3-2-0.8-2.9c-0.2-0.4-0.5-0.9-0.8-1.2h16.6c1.8,0,3.3-0.6,4.5-1.8
|
|
45
|
+
c1.2-1.2,1.8-2.7,1.8-4.5s-0.6-3.3-1.8-4.5C703.1,27.9,701.6,27.3,699.8,27.3z M662.4,54h-16.5l-11.3-13.9l-0.3-0.2h39.6
|
|
46
|
+
L662.4,54z"/>
|
|
47
|
+
<path d="M793.8,71.7h-28c-1.9,0-3.6,0.7-4.9,2c-1.3,1.3-2,3-2,4.9s0.7,3.6,2,4.9s3,2,4.9,2h20.9c-0.3,6.4-0.9,11.8-2,15.9
|
|
48
|
+
s-2.7,7.4-4.8,9.7s-4.8,3.9-8,4.7c-3.3,0.8-7.3,1.3-11.9,1.3c-10.1,0-17.8-3.4-22.7-10c-5-6.7-7.5-17.4-7.5-31.8
|
|
49
|
+
c0-14.3,2.5-25,7.5-31.6s12.6-10,22.7-10c6.6,0,11.9,1.3,15.9,3.9s7.3,6.8,9.9,12.5c0.6,1.2,1.4,2.2,2.6,2.9
|
|
50
|
+
c1.1,0.7,2.4,1.1,3.8,1.1c1.9,0,3.6-0.7,4.9-2c1.3-1.3,2-3,2-4.9c0-0.4,0-0.9-0.1-1.4s-0.2-1-0.4-1.5c-3.6-7.8-8.7-13.9-15.2-18
|
|
51
|
+
c-6.5-4.2-14.3-6.3-23.4-6.3c-6.9,0-13.2,1.3-18.7,3.8s-10.2,6.2-13.9,11c-3.7,4.7-6.6,10.6-8.6,17.4s-2.9,14.6-2.9,23.2
|
|
52
|
+
c0,8.7,1,16.5,2.9,23.3c2,6.8,4.8,12.7,8.6,17.5c3.7,4.8,8.4,8.5,13.9,11c5.5,2.5,11.8,3.8,18.7,3.8c6.5,0,12.3-0.8,17.3-2.5
|
|
53
|
+
c5-1.7,9.3-4.6,12.8-8.6c3.4-4,6.1-9.5,7.9-16.1c1.8-6.6,2.7-15,2.7-25c0-1.9-0.7-3.6-2-4.9C797.3,72.4,795.7,71.7,793.8,71.7z"
|
|
54
|
+
/>
|
|
55
|
+
<path d="M893.8,52c-2-6.8-4.9-12.7-8.6-17.4c-3.8-4.8-8.4-8.4-13.9-11c-5.4-2.5-11.7-3.8-18.7-3.8c-6.9,0-13.2,1.3-18.7,3.8
|
|
56
|
+
s-10.2,6.2-13.9,11c-3.7,4.7-6.6,10.6-8.6,17.4s-2.9,14.6-2.9,23.2c0,8.7,1,16.5,2.9,23.3c2,6.8,4.8,12.7,8.6,17.5
|
|
57
|
+
c3.7,4.8,8.4,8.5,13.9,11c5.5,2.5,11.8,3.8,18.7,3.8c7,0,13.3-1.3,18.7-3.8c5.4-2.5,10.1-6.2,13.9-11c3.8-4.8,6.7-10.7,8.6-17.5
|
|
58
|
+
c2-6.8,2.9-14.7,2.9-23.3C896.8,66.6,895.8,58.8,893.8,52z M875.3,107c-5,6.7-12.7,10-22.8,10s-17.8-3.4-22.7-10
|
|
59
|
+
c-5-6.7-7.5-17.4-7.5-31.8c0-14.3,2.5-25,7.5-31.6s12.6-10,22.7-10c10.2,0,17.9,3.4,22.8,10c5,6.7,7.5,17.3,7.5,31.6
|
|
60
|
+
C882.9,89.6,880.4,100.3,875.3,107z"/>
|
|
61
|
+
</g>
|
|
62
|
+
<g class="st0">
|
|
63
|
+
<path d="M502.4,170.3c-1.8,1.8-3.7,3.3-5.6,4.7c-0.4-0.5-1.6-1.7-2.2-2.2c4.7-2.9,9.4-7.6,12.3-12.4l2.7,1c-1.2,2-2.7,4-4.3,5.9
|
|
64
|
+
v15.1h-2.9V170.3z M534.1,190.5h-18.2v10.3h-3.1v-10.3h-18.2v-2.8h18.2v-5.3h3.1v5.2h18.2V190.5z M515.8,172.6
|
|
65
|
+
c-2.2,0.6-4.4,1.2-6.6,1.8c-0.2-0.7-0.7-1.7-1-2.3c2.5-0.7,5.1-1.4,7.6-2.2V161h2.9v7.9c4.6-1.6,8.7-3.5,11.4-5.4l2.3,2.2
|
|
66
|
+
c-3.6,2.3-8.5,4.3-13.7,5.9v5.2c0,1.4,0.4,1.7,2.5,1.7h7.5c1.7,0,2-0.8,2.3-5c0.7,0.5,1.8,0.9,2.6,1.2c-0.4,5-1.2,6.4-4.7,6.4h-8
|
|
67
|
+
c-4,0-5.2-0.9-5.2-4.3v-4.2H515.8z"/>
|
|
68
|
+
<path d="M578,165.3v2.6h-38.6v-2.6H558c-0.5-1.4-1.2-3-1.8-4.3l2.8-0.8c0.8,1.6,1.6,3.5,2.2,5L578,165.3L578,165.3z M575.6,197.3
|
|
69
|
+
c0,1.7-0.4,2.4-1.7,2.8c-1.3,0.4-3.5,0.4-7.3,0.4c-0.1-0.7-0.5-1.6-0.9-2.3c2.8,0.1,5.4,0,6.1,0c0.8,0,1-0.2,1-0.9v-20.4h-27.9
|
|
70
|
+
v23.8h-2.8v-26.3h20.4c1.2-1.8,2.7-4.3,3.5-6.2l3.1,0.7c-1.1,1.9-2.4,3.9-3.6,5.4h10.1L575.6,197.3L575.6,197.3z M556.3,178.8
|
|
71
|
+
c-2.3,2.7-5.7,5.6-8.4,7.5c-0.2-0.4-1-1.7-1.5-2.3c2.7-1.7,5.7-4,7.7-6.2L556.3,178.8z M551.5,168c1,1.6,2.3,3.7,2.8,5l-2.6,1.1
|
|
72
|
+
c-0.6-1.3-1.9-3.5-2.8-5.1L551.5,168z M553.2,195.1v2.1h-2.6v-12h16v9.9H553.2z M553.2,187.4v5.4h10.9v-5.4H553.2z M570.2,186.2
|
|
73
|
+
c-1.9-1.8-5.8-4.8-8.7-6.9l1.7-1.8c2.9,2,6.7,4.8,8.7,6.6L570.2,186.2z"/>
|
|
74
|
+
<path d="M620.3,182.4v18.3h-3.2v-2.6h-31.3v-15.7h3.2v12.8h12.4v-15.7h-13.7v-15h3.1v12.1h10.6v-16.2h3.2v16.2h10.8v-12.2h3.2
|
|
75
|
+
v15.1h-14v15.7h12.5v-12.8H620.3z"/>
|
|
76
|
+
<path d="M634.5,180.4c-1.6-1.4-4.7-3.3-7.2-4.5l1.6-2c2.6,1.1,5.7,2.9,7.3,4.3L634.5,180.4z M628.5,198.4
|
|
77
|
+
c1.8-3.5,4.3-9.3,6.1-14.4l2.3,1.7c-1.6,4.7-3.9,10.2-5.8,14.4L628.5,198.4z M631.2,161c2.7,1.2,6,3.1,7.7,4.4l-1.8,2.3
|
|
78
|
+
c-1.6-1.4-4.9-3.4-7.6-4.7L631.2,161z M644.8,168.2c-1.5,2.9-3.2,5.5-4.9,7.5c-0.6-0.4-1.8-1.3-2.5-1.6c3.2-3.4,5.8-8.5,7.5-13.7
|
|
79
|
+
l2.8,0.7c-0.4,1.5-1,3-1.7,4.4h20.6v2.7L644.8,168.2L644.8,168.2z M664,184.5c-0.2,2.9-0.4,5.3-0.6,7.2h3.1v2.6h-3.4
|
|
80
|
+
c-0.4,2.4-0.9,3.8-1.5,4.5c-0.8,1-1.7,1.3-3,1.5c-1.3,0.1-3.5,0-5.6-0.1c-0.1-0.8-0.3-1.8-0.8-2.5c2.3,0.2,4.5,0.2,5.3,0.2
|
|
81
|
+
s1.2-0.1,1.6-0.6c0.4-0.4,0.8-1.4,1.1-3h-19.8c0.5-2.6,1.1-6.2,1.6-9.8h-4.1v-2.7h4.5c0.4-3.2,0.8-6.4,1.1-9.1h21v1.5
|
|
82
|
+
c-0.1,2.9-0.3,5.4-0.4,7.7h3.5v2.7H664V184.5z M660.5,191.7c0.2-1.9,0.4-4.2,0.7-7.2h-16.5c-0.4,2.6-0.7,5.1-1.1,7.2H660.5z
|
|
83
|
+
M645.9,175.3c-0.3,2.1-0.5,4.3-0.8,6.5h16.3c0.1-1.9,0.2-4.1,0.3-6.5H645.9z M654,191.6c-1.1-1.6-3.4-4-5.4-5.7l1.8-1.1
|
|
84
|
+
c2,1.6,4.3,3.9,5.4,5.5L654,191.6z M651.5,175.4c1.9,1.4,4.2,3.5,5.1,5l-1.7,1.2c-1-1.5-3.1-3.7-5.1-5.2L651.5,175.4z"/>
|
|
85
|
+
<path d="M685.6,183.7c-0.1,0.8-0.1,1.9,0,2.4c-10.6,2.2-12,2.6-12.8,3.1c-0.1-0.6-0.5-1.9-0.9-2.6c0.9-0.2,1.9-1.3,3.3-2.9
|
|
86
|
+
c0.8-0.9,2.7-3.3,4.8-6.4c-5.8,0.8-6.8,1-7.5,1.3c-0.1-0.6-0.6-1.9-0.9-2.7c0.8-0.1,1.5-1.2,2.4-2.7c1-1.5,4.1-7.3,5.8-12.6
|
|
87
|
+
l2.6,1.2c-1.9,4.8-4.4,9.8-7,13.7l6.2-0.7c1-1.6,1.9-3.2,2.8-4.9l2.3,1.4c-2.9,5-6.3,10-9.7,14L685.6,183.7z M686.1,194.4
|
|
88
|
+
c-4.9,1.2-10,2.5-13.8,3.5l-0.6-2.8c3.6-0.7,8.8-1.9,14.1-3.1L686.1,194.4z M694.2,188.4c-1.9,3.4-4.7,7.2-7,9.7
|
|
89
|
+
c-0.5-0.5-1.6-1.4-2.3-1.8c2.4-2.3,5-5.8,6.6-8.9L694.2,188.4z M700.7,184.4v13c0,1.6-0.3,2.3-1.4,2.7c-1.1,0.4-2.8,0.4-5.7,0.4
|
|
90
|
+
c-0.1-0.7-0.5-1.8-0.9-2.6c2.1,0,3.9,0,4.4,0c0.6,0,0.8-0.1,0.8-0.6v-12.9H687v-2.7h24.1v2.7H700.7z M690.5,173.1h-2.8v-7.2h10.9
|
|
91
|
+
c-0.6-1.6-1.5-3.5-2.3-5l2.8-0.7c1.1,1.7,2.2,4,2.7,5.7h9.1v7.2H708v-4.6h-17.5V173.1z M691.3,176.3v-2.6h15.8v2.6H691.3z
|
|
92
|
+
M706.4,187.4c2.2,2.8,4.7,6.6,5.8,9l-2.7,1.3c-1.1-2.4-3.5-6.3-5.6-9.3L706.4,187.4z"/>
|
|
93
|
+
<path d="M739.3,161.6c-0.4,0.7-0.9,1.3-1.4,2c5.1,5.5,11.4,9.2,18.6,12.4c-0.8,0.6-1.6,1.7-2,2.6c-7-3.4-13-7.2-18.2-12.8
|
|
94
|
+
c-3,3.5-6.7,6.6-10.7,9.1h21.6v2.7H725v-2.3c-2.3,1.4-4.6,2.6-7,3.6c-0.5-0.7-1.3-1.8-2.1-2.5c8.4-3.3,16.5-9.3,21-16.1
|
|
95
|
+
L739.3,161.6z M722.7,183.2h27.2v17.4h-3.1v-2.4h-21.1v2.6h-3L722.7,183.2L722.7,183.2z M725.6,185.8v9.5h21.1v-9.5H725.6z"/>
|
|
96
|
+
<path d="M775.7,197.1c0,1.7-0.4,2.6-1.5,3.1s-2.8,0.5-5.8,0.5c-0.1-0.8-0.5-2-0.9-2.8c2.1,0.1,4,0,4.6,0s0.8-0.2,0.8-0.9v-11.3
|
|
97
|
+
h-7.4c-0.4,5.2-1.2,10.8-3.3,15c-0.5-0.5-1.7-1.2-2.4-1.4c3.1-6.2,3.3-15,3.3-21.6v-15.8h12.6L775.7,197.1L775.7,197.1z
|
|
98
|
+
M772.9,183v-7.8h-7.1v2.7c0,1.6,0,3.4-0.1,5.2h7.2V183z M765.8,164.8v7.6h7.1v-7.6H765.8z M799.5,177.6c-1.2,6-3.4,11-6.2,14.9
|
|
99
|
+
c2.2,2.5,4.7,4.6,7.6,6c-0.7,0.5-1.5,1.6-1.9,2.3c-2.7-1.5-5.2-3.6-7.4-6.2c-2.1,2.4-4.4,4.3-6.9,5.8c-0.4-0.7-1.1-1.6-1.7-2.2
|
|
100
|
+
c2.5-1.3,4.9-3.3,7-5.8c-2.6-3.6-4.6-8-6-12.7h-1.3v21h-2.8v-38.6h18.4v8.5c0,1.6-0.4,2.3-1.6,2.8c-1.3,0.4-3.5,0.4-6.8,0.4
|
|
101
|
+
c-0.1-0.8-0.6-1.8-1-2.6c2.8,0.1,5,0.1,5.7,0c0.7,0,0.9-0.2,0.9-0.8v-5.7h-12.8v12.1h14.7l0.5-0.1L799.5,177.6z M786.5,179.8
|
|
102
|
+
c1.2,3.9,2.9,7.4,5.1,10.5c2-3,3.7-6.5,4.7-10.5H786.5z"/>
|
|
103
|
+
<path d="M840.2,166.1c-2.7,4-6.9,7.1-11.8,9.4c4.7,1.6,10.3,2.4,16.3,2.8c-0.6,0.7-1.3,1.8-1.6,2.7c-6.8-0.6-13-1.8-18.2-3.9
|
|
104
|
+
c-6,2.3-12.7,3.7-19.2,4.5c-0.2-0.8-0.7-1.9-1.2-2.6c5.8-0.5,11.8-1.7,17.1-3.5c-2.7-1.5-5.1-3.3-6.9-5.5c-1.9,1.5-3.9,3-6.3,4.3
|
|
105
|
+
c-0.4-0.7-1.2-1.7-1.9-2.1c6.2-3.3,10.6-7.9,12.9-11.8l3.1,0.6c-0.8,1.3-1.8,2.7-3,4h18.2l0.5-0.1L840.2,166.1z M840.7,185
|
|
106
|
+
c0,0,0,0.9-0.1,1.3c-1,8.2-1.9,11.5-3.4,12.8c-0.9,0.8-1.9,1.1-3.4,1.2c-1.3,0-3.9,0-6.4-0.1c-0.1-0.8-0.4-1.9-0.9-2.6
|
|
107
|
+
c2.7,0.3,5.5,0.3,6.6,0.3c0.9,0,1.4,0,1.9-0.4c1-0.8,1.9-3.6,2.7-9.7H824c-2.8,7.2-8.3,10.9-17.1,13.1c-0.3-0.7-1.1-1.9-1.6-2.5
|
|
108
|
+
c8.1-1.5,13.1-4.6,15.6-10.5h-12.4v-2.6h13.3c0.4-1.4,0.7-2.9,0.9-4.5l3.1,0.3c-0.2,1.5-0.5,3-0.9,4.3h15.8V185z M816.7,168.3
|
|
109
|
+
c1.9,2.5,4.7,4.5,8.3,6c4.3-1.7,8-3.9,10.6-6.7h-18.2L816.7,168.3z"/>
|
|
110
|
+
<path d="M855.8,179.8c-1.6-1.3-4.7-3.2-7.2-4.3l1.6-2.1c2.5,1.1,5.6,2.7,7.3,4.1L855.8,179.8z M849.7,197.9
|
|
111
|
+
c1.8-3.3,4.2-8.7,6-13.3l2.3,1.7c-1.6,4.3-3.8,9.5-5.6,13.4L849.7,197.9z M857.7,168c-1.5-1.4-4.3-3.4-6.6-4.6l1.7-2
|
|
112
|
+
c2.3,1.1,5.2,3,6.7,4.3L857.7,168z M881.1,176.4c1.9,3.8,5.1,7.2,8.4,9c-0.7,0.5-1.6,1.6-2.1,2.3c-1.9-1.2-3.7-2.9-5.3-4.9v8.5
|
|
113
|
+
h-14v4.7c0,1.5,0.5,1.8,3.4,1.8h10.2c2.3,0,2.7-0.8,2.9-5.1c0.7,0.5,1.7,0.9,2.5,1.1c-0.4,5.2-1.2,6.6-5.2,6.6h-10.5
|
|
114
|
+
c-4.6,0-5.9-0.8-5.9-4.3v-12.6c-1.6,2.2-3.5,4.1-5.3,5.4c-0.5-0.7-1.4-1.7-2-2.2c3.2-2.1,6.6-6,8.5-10.1h-8.2v-2.7h7.9v-5.4h-6
|
|
115
|
+
v-2.7h6.1v-5h2.8v5h9v-5h2.9v5h6.8v2.7h-6.8v5.4h8v2.7h-8.1V176.4z M881.2,181.5c-1.2-1.6-2.1-3.4-2.9-5.1h-8.6
|
|
116
|
+
c-0.7,1.7-1.7,3.5-2.8,5.1H881.2z M879.7,183.8h-11.5v5.1h11.5V183.8z M869.3,173.7h9v-5.4h-9V173.7z"/>
|
|
117
|
+
</g>
|
|
118
|
+
</g>
|
|
119
|
+
<g>
|
|
120
|
+
|
|
121
|
+
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="108.3893" x2="63.3" y2="108.3893" gradientTransform="matrix(1 0 0 -1 0 216.7785)">
|
|
122
|
+
<stop offset="0" style="stop-color:#17F1A1"/>
|
|
123
|
+
<stop offset="0.1196" style="stop-color:#17EBA5"/>
|
|
124
|
+
<stop offset="0.287" style="stop-color:#17D8AF"/>
|
|
125
|
+
<stop offset="0.4826" style="stop-color:#18BAC0"/>
|
|
126
|
+
<stop offset="0.6996" style="stop-color:#1991D7"/>
|
|
127
|
+
<stop offset="0.9315" style="stop-color:#1A5CF5"/>
|
|
128
|
+
<stop offset="1" style="stop-color:#1A4BFF"/>
|
|
129
|
+
</linearGradient>
|
|
130
|
+
<polygon class="st1" points="63.3,135.5 0,135.5 7.7,81.3 63.3,81.3 "/>
|
|
131
|
+
|
|
132
|
+
<linearGradient id="SVGID_00000067209435234375878450000004011615457294904227_" gradientUnits="userSpaceOnUse" x1="28.0899" y1="108.2531" x2="222.3" y2="108.2531" gradientTransform="matrix(1 0 0 -1 0 216.7785)">
|
|
133
|
+
<stop offset="0" style="stop-color:#17F1A1"/>
|
|
134
|
+
<stop offset="1" style="stop-color:#1A4BFF"/>
|
|
135
|
+
</linearGradient>
|
|
136
|
+
<path style="fill:url(#SVGID_00000067209435234375878450000004011615457294904227_);" d="M207.1,107c0-8.8,1-17.4,2.9-25.6H101.2
|
|
137
|
+
c-4.8,7.9-7.5,17.2-7.5,27.1c0,9.9,2.8,19.2,7.5,27.1h75.9c-9.8,16.2-28.2,26.7-48.9,25.2c-25.7-1.9-46.5-22.8-48.2-48.5
|
|
138
|
+
c-2.1-30.6,22.1-56.1,52.3-56.1h90c-18.4-31.6-53-52.7-92.5-51.8C74.2,5.7,28.9,51.4,28.1,107c-0.8,58.2,46.1,105.7,104.2,105.7
|
|
139
|
+
c37.7,0,70.7-20.1,89-50.1C212.2,146,207.1,127.1,207.1,107z"/>
|
|
140
|
+
<g>
|
|
141
|
+
<path class="st3" d="M321.1,81.3h-30.5c-4.8,7.9-7.5,17.2-7.5,27.1c0,9.9,2.8,19.2,7.5,27.1h132.6L321,56.9L321.1,81.3
|
|
142
|
+
L321.1,81.3z"/>
|
|
143
|
+
</g>
|
|
144
|
+
<g>
|
|
145
|
+
|
|
146
|
+
<linearGradient id="SVGID_00000054259604387605318630000010709194208473582986_" gradientUnits="userSpaceOnUse" x1="218.8" y1="108.3893" x2="427.2" y2="108.3893" gradientTransform="matrix(1 0 0 -1 0 216.7785)">
|
|
147
|
+
<stop offset="0" style="stop-color:#17F1A1"/>
|
|
148
|
+
<stop offset="1" style="stop-color:#1A4BFF"/>
|
|
149
|
+
</linearGradient>
|
|
150
|
+
<path style="fill:url(#SVGID_00000054259604387605318630000010709194208473582986_);" d="M359.5,146
|
|
151
|
+
c-9.4,9.1-22.3,14.8-36.4,14.8c-28.9,0-52.4-23.5-52.4-52.4S294.2,56,323.1,56c3.3,0,6.6,0.3,9.7,0.9l0,0l0,0
|
|
152
|
+
c13.5,2.5,25.2,10.3,32.9,21l0,0l60.3,46.4c0.8-5.2,1.2-10.5,1.2-15.9C427.2,50.9,380.6,4.2,323,4.2
|
|
153
|
+
c-57.5,0-104.2,46.6-104.2,104.2S265.4,212.6,323,212.6c44.3,0,82.1-27.6,97.2-66.6L359.5,146L359.5,146z"/>
|
|
154
|
+
</g>
|
|
155
|
+
</g>
|
|
156
|
+
</g>
|
|
157
|
+
</svg>
|
package/package.json
CHANGED
package/yue-page-header/index.js
CHANGED
|
@@ -4,7 +4,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
5
|
import React, { memo, useMemo } from 'react';
|
|
6
6
|
import logoImg from "../assets/gw-logo.png";
|
|
7
|
-
import
|
|
7
|
+
import logoSvg from "../components/svg-icon/logo.svg";
|
|
8
8
|
import FirstMenus from "./first-menus";
|
|
9
9
|
import { flattenMenuList, mainHost } from "./helper";
|
|
10
10
|
import "./index.less";
|
|
@@ -95,9 +95,9 @@ var Index = function Index(_ref) {
|
|
|
95
95
|
alt: "",
|
|
96
96
|
className: "logo"
|
|
97
97
|
}), /*#__PURE__*/React.createElement("img", {
|
|
98
|
-
src:
|
|
98
|
+
src: logoSvg,
|
|
99
99
|
alt: "",
|
|
100
|
-
className: "
|
|
100
|
+
className: "hs-logo"
|
|
101
101
|
})), /*#__PURE__*/React.createElement("div", {
|
|
102
102
|
className: "menus-bar"
|
|
103
103
|
}, /*#__PURE__*/React.createElement(FirstMenus, {
|
|
@@ -1,227 +1,227 @@
|
|
|
1
|
-
.yue-page-header-second-menu {
|
|
2
|
-
height: 60px;
|
|
3
|
-
background: linear-gradient(90deg, #17f1a1, #1a4bff);
|
|
4
|
-
opacity: 1;
|
|
5
|
-
transition: opacity 0.2s ease-in-out;
|
|
6
|
-
|
|
7
|
-
&.hidden {
|
|
8
|
-
//opacity: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.wrapper {
|
|
12
|
-
margin: 0 auto;
|
|
13
|
-
justify-content: space-between;
|
|
14
|
-
height: 100%;
|
|
15
|
-
color: #fff;
|
|
16
|
-
max-width: 98%;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.left {
|
|
20
|
-
gap: 8px;
|
|
21
|
-
height: 100%;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.module-info {
|
|
25
|
-
gap: 14px;
|
|
26
|
-
margin-right: 10px;
|
|
27
|
-
flex-shrink: 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.module-icon {
|
|
31
|
-
font-size: 27px;
|
|
32
|
-
line-height: 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.module-title {
|
|
36
|
-
font-size: 24px;
|
|
37
|
-
font-weight: bold;
|
|
38
|
-
min-width:
|
|
39
|
-
max-width: 300px;
|
|
40
|
-
white-space: nowrap;
|
|
41
|
-
overflow: hidden;
|
|
42
|
-
text-overflow: ellipsis;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.vr {
|
|
46
|
-
width: 1px;
|
|
47
|
-
height: 28px;
|
|
48
|
-
background-color: rgba(255, 255, 255, 85%);
|
|
49
|
-
flex-shrink: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.menus {
|
|
53
|
-
//max-width: 82%;
|
|
54
|
-
height: 100%;
|
|
55
|
-
padding-block: 1px;
|
|
56
|
-
flex: 1 1 0;
|
|
57
|
-
min-width: 0;
|
|
58
|
-
padding-right: 30px;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.yue-second-menu-bar {
|
|
63
|
-
&.ant-menu-root {
|
|
64
|
-
background-color: transparent;
|
|
65
|
-
font-size: 18px;
|
|
66
|
-
height: 100%;
|
|
67
|
-
border-bottom: none;
|
|
68
|
-
gap: 4px;
|
|
69
|
-
|
|
70
|
-
& > li {
|
|
71
|
-
display: flex;
|
|
72
|
-
align-items: center;
|
|
73
|
-
justify-content: center;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.ant-menu-submenu-title {
|
|
77
|
-
height: 100%;
|
|
78
|
-
display: flex;
|
|
79
|
-
align-items: center;
|
|
80
|
-
justify-content: center;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.ant-menu-title-content {
|
|
84
|
-
height: 34px;
|
|
85
|
-
line-height: 32px;
|
|
86
|
-
border-radius: 16px;
|
|
87
|
-
padding-inline: 16px;
|
|
88
|
-
min-width: 80px;
|
|
89
|
-
text-align: center;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.ant-menu-submenu-active,
|
|
93
|
-
.ant-menu-item-active {
|
|
94
|
-
.ant-menu-title-content {
|
|
95
|
-
background-color: rgba(255, 255, 255, 20%);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.ant-menu-submenu-selected,
|
|
100
|
-
.ant-menu-item-selected {
|
|
101
|
-
.ant-menu-title-content {
|
|
102
|
-
background-color: #fff;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
&.ant-menu-submenu-popup {
|
|
108
|
-
// 横向菜单的样式
|
|
109
|
-
&.yue-second-menu-horizontal {
|
|
110
|
-
left: 0 !important;
|
|
111
|
-
padding: 0;
|
|
112
|
-
font-size: 18px;
|
|
113
|
-
//background-color: rgba(0, 0, 0, 45%);
|
|
114
|
-
background-color: rgba(4, 41, 131, 0.65);
|
|
115
|
-
border-radius: 0;
|
|
116
|
-
width: 100%;
|
|
117
|
-
|
|
118
|
-
.ant-menu-sub {
|
|
119
|
-
display: flex;
|
|
120
|
-
justify-content: center;
|
|
121
|
-
background-color: transparent;
|
|
122
|
-
border-radius: 0;
|
|
123
|
-
box-shadow: none;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.ant-menu-item {
|
|
127
|
-
width: max-content;
|
|
128
|
-
flex: unset;
|
|
129
|
-
color: #fff;
|
|
130
|
-
margin: 0;
|
|
131
|
-
border-radius: 0;
|
|
132
|
-
height: 60px;
|
|
133
|
-
line-height: 30px;
|
|
134
|
-
display: flex;
|
|
135
|
-
align-items: center;
|
|
136
|
-
padding-inline: 25px 18px;
|
|
137
|
-
flex-shrink: 0;
|
|
138
|
-
position: relative;
|
|
139
|
-
|
|
140
|
-
&::before {
|
|
141
|
-
content: '';
|
|
142
|
-
position: absolute;
|
|
143
|
-
left: 10px;
|
|
144
|
-
top: 50%;
|
|
145
|
-
transform: translateY(-50%);
|
|
146
|
-
width: 4px;
|
|
147
|
-
height: 4px;
|
|
148
|
-
border-radius: 50%;
|
|
149
|
-
background-color: rgba(255, 255, 255, 85%);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.ant-menu-item-active,
|
|
154
|
-
.ant-menu-item-selected {
|
|
155
|
-
background: linear-gradient(90deg, #17f1a1, #1a4bff);
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
// 竖向菜单的样式
|
|
160
|
-
&.yue-second-menu-vertical {
|
|
161
|
-
font-size: 17px;
|
|
162
|
-
|
|
163
|
-
.ant-menu-sub {
|
|
164
|
-
background: linear-gradient(
|
|
165
|
-
135deg,
|
|
166
|
-
rgb(50, 205, 150),
|
|
167
|
-
rgb(73, 108, 236)
|
|
168
|
-
);
|
|
169
|
-
margin: -7px 0 0;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.ant-menu-item {
|
|
173
|
-
color: #fff;
|
|
174
|
-
position: relative;
|
|
175
|
-
border-radius: 0;
|
|
176
|
-
padding-inline: 28px 22px;
|
|
177
|
-
margin: 0;
|
|
178
|
-
width: max-content;
|
|
179
|
-
height: 46px;
|
|
180
|
-
line-height: 46px;
|
|
181
|
-
margin-block: 1px;
|
|
182
|
-
overflow: unset;
|
|
183
|
-
|
|
184
|
-
&::before {
|
|
185
|
-
content: '';
|
|
186
|
-
position: absolute;
|
|
187
|
-
left: 14px;
|
|
188
|
-
top: 50%;
|
|
189
|
-
transform: translateY(-50%);
|
|
190
|
-
width: 4px;
|
|
191
|
-
height: 4px;
|
|
192
|
-
border-radius: 50%;
|
|
193
|
-
background-color: rgba(255, 255, 255, 85%);
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
&::after {
|
|
197
|
-
content: '';
|
|
198
|
-
position: absolute;
|
|
199
|
-
left: 50%;
|
|
200
|
-
bottom: -1px;
|
|
201
|
-
width: 80%;
|
|
202
|
-
transform: translateX(-50%);
|
|
203
|
-
height: 1px;
|
|
204
|
-
background-color: rgba(255, 255, 255, 0.25);
|
|
205
|
-
z-index: 1;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
&:last-child::after {
|
|
209
|
-
content: none;
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.ant-menu-item-active,
|
|
214
|
-
.ant-menu-item-selected {
|
|
215
|
-
background: linear-gradient(90deg, #06a168, #2a50dc);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.ant-menu-item-selected {
|
|
219
|
-
color: #00ffca;
|
|
220
|
-
|
|
221
|
-
&::before {
|
|
222
|
-
background-color: #00ffca;
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
}
|
|
1
|
+
.yue-page-header-second-menu {
|
|
2
|
+
height: 60px;
|
|
3
|
+
background: linear-gradient(90deg, #17f1a1, #1a4bff);
|
|
4
|
+
opacity: 1;
|
|
5
|
+
transition: opacity 0.2s ease-in-out;
|
|
6
|
+
|
|
7
|
+
&.hidden {
|
|
8
|
+
//opacity: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.wrapper {
|
|
12
|
+
margin: 0 auto;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
height: 100%;
|
|
15
|
+
color: #fff;
|
|
16
|
+
max-width: 98%;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.left {
|
|
20
|
+
gap: 8px;
|
|
21
|
+
height: 100%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.module-info {
|
|
25
|
+
gap: 14px;
|
|
26
|
+
margin-right: 10px;
|
|
27
|
+
flex-shrink: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.module-icon {
|
|
31
|
+
font-size: 27px;
|
|
32
|
+
line-height: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.module-title {
|
|
36
|
+
font-size: 24px;
|
|
37
|
+
font-weight: bold;
|
|
38
|
+
min-width: 195px;
|
|
39
|
+
max-width: 300px;
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
overflow: hidden;
|
|
42
|
+
text-overflow: ellipsis;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.vr {
|
|
46
|
+
width: 1px;
|
|
47
|
+
height: 28px;
|
|
48
|
+
background-color: rgba(255, 255, 255, 85%);
|
|
49
|
+
flex-shrink: 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.menus {
|
|
53
|
+
//max-width: 82%;
|
|
54
|
+
height: 100%;
|
|
55
|
+
padding-block: 1px;
|
|
56
|
+
flex: 1 1 0;
|
|
57
|
+
min-width: 0;
|
|
58
|
+
padding-right: 30px;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.yue-second-menu-bar {
|
|
63
|
+
&.ant-menu-root {
|
|
64
|
+
background-color: transparent;
|
|
65
|
+
font-size: 18px;
|
|
66
|
+
height: 100%;
|
|
67
|
+
border-bottom: none;
|
|
68
|
+
gap: 4px;
|
|
69
|
+
|
|
70
|
+
& > li {
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.ant-menu-submenu-title {
|
|
77
|
+
height: 100%;
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
justify-content: center;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.ant-menu-title-content {
|
|
84
|
+
height: 34px;
|
|
85
|
+
line-height: 32px;
|
|
86
|
+
border-radius: 16px;
|
|
87
|
+
padding-inline: 16px;
|
|
88
|
+
min-width: 80px;
|
|
89
|
+
text-align: center;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.ant-menu-submenu-active,
|
|
93
|
+
.ant-menu-item-active {
|
|
94
|
+
.ant-menu-title-content {
|
|
95
|
+
background-color: rgba(255, 255, 255, 20%);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.ant-menu-submenu-selected,
|
|
100
|
+
.ant-menu-item-selected {
|
|
101
|
+
.ant-menu-title-content {
|
|
102
|
+
background-color: #fff;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&.ant-menu-submenu-popup {
|
|
108
|
+
// 横向菜单的样式
|
|
109
|
+
&.yue-second-menu-horizontal {
|
|
110
|
+
left: 0 !important;
|
|
111
|
+
padding: 0;
|
|
112
|
+
font-size: 18px;
|
|
113
|
+
//background-color: rgba(0, 0, 0, 45%);
|
|
114
|
+
background-color: rgba(4, 41, 131, 0.65);
|
|
115
|
+
border-radius: 0;
|
|
116
|
+
width: 100%;
|
|
117
|
+
|
|
118
|
+
.ant-menu-sub {
|
|
119
|
+
display: flex;
|
|
120
|
+
justify-content: center;
|
|
121
|
+
background-color: transparent;
|
|
122
|
+
border-radius: 0;
|
|
123
|
+
box-shadow: none;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.ant-menu-item {
|
|
127
|
+
width: max-content;
|
|
128
|
+
flex: unset;
|
|
129
|
+
color: #fff;
|
|
130
|
+
margin: 0;
|
|
131
|
+
border-radius: 0;
|
|
132
|
+
height: 60px;
|
|
133
|
+
line-height: 30px;
|
|
134
|
+
display: flex;
|
|
135
|
+
align-items: center;
|
|
136
|
+
padding-inline: 25px 18px;
|
|
137
|
+
flex-shrink: 0;
|
|
138
|
+
position: relative;
|
|
139
|
+
|
|
140
|
+
&::before {
|
|
141
|
+
content: '';
|
|
142
|
+
position: absolute;
|
|
143
|
+
left: 10px;
|
|
144
|
+
top: 50%;
|
|
145
|
+
transform: translateY(-50%);
|
|
146
|
+
width: 4px;
|
|
147
|
+
height: 4px;
|
|
148
|
+
border-radius: 50%;
|
|
149
|
+
background-color: rgba(255, 255, 255, 85%);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.ant-menu-item-active,
|
|
154
|
+
.ant-menu-item-selected {
|
|
155
|
+
background: linear-gradient(90deg, #17f1a1, #1a4bff);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
// 竖向菜单的样式
|
|
160
|
+
&.yue-second-menu-vertical {
|
|
161
|
+
font-size: 17px;
|
|
162
|
+
|
|
163
|
+
.ant-menu-sub {
|
|
164
|
+
background: linear-gradient(
|
|
165
|
+
135deg,
|
|
166
|
+
rgb(50, 205, 150),
|
|
167
|
+
rgb(73, 108, 236)
|
|
168
|
+
);
|
|
169
|
+
margin: -7px 0 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.ant-menu-item {
|
|
173
|
+
color: #fff;
|
|
174
|
+
position: relative;
|
|
175
|
+
border-radius: 0;
|
|
176
|
+
padding-inline: 28px 22px;
|
|
177
|
+
margin: 0;
|
|
178
|
+
width: max-content;
|
|
179
|
+
height: 46px;
|
|
180
|
+
line-height: 46px;
|
|
181
|
+
margin-block: 1px;
|
|
182
|
+
overflow: unset;
|
|
183
|
+
|
|
184
|
+
&::before {
|
|
185
|
+
content: '';
|
|
186
|
+
position: absolute;
|
|
187
|
+
left: 14px;
|
|
188
|
+
top: 50%;
|
|
189
|
+
transform: translateY(-50%);
|
|
190
|
+
width: 4px;
|
|
191
|
+
height: 4px;
|
|
192
|
+
border-radius: 50%;
|
|
193
|
+
background-color: rgba(255, 255, 255, 85%);
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
&::after {
|
|
197
|
+
content: '';
|
|
198
|
+
position: absolute;
|
|
199
|
+
left: 50%;
|
|
200
|
+
bottom: -1px;
|
|
201
|
+
width: 80%;
|
|
202
|
+
transform: translateX(-50%);
|
|
203
|
+
height: 1px;
|
|
204
|
+
background-color: rgba(255, 255, 255, 0.25);
|
|
205
|
+
z-index: 1;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
&:last-child::after {
|
|
209
|
+
content: none;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.ant-menu-item-active,
|
|
214
|
+
.ant-menu-item-selected {
|
|
215
|
+
background: linear-gradient(90deg, #06a168, #2a50dc);
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.ant-menu-item-selected {
|
|
219
|
+
color: #00ffca;
|
|
220
|
+
|
|
221
|
+
&::before {
|
|
222
|
+
background-color: #00ffca;
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|