Merge branch 'main' of http://47.122.43.22:3000/wjn/mh-sms-web
This commit is contained in:
wyw
commit
99db4eb999
@ -57,9 +57,27 @@
|
|||||||
<ul class="icon_lists dib-box">
|
<ul class="icon_lists dib-box">
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">Mark</div>
|
<div class="name">Pin</div>
|
||||||
<div class="code-name">&#xe632;</div>
|
<div class="code-name">&#xe602;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">bell</div>
|
||||||
|
<div class="code-name">&#xe604;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">Clock</div>
|
||||||
|
<div class="code-name">&#xe606;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">phone book</div>
|
||||||
|
<div class="code-name">&#xe600;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
@ -74,12 +92,6 @@
|
|||||||
<div class="code-name">&#xe627;</div>
|
<div class="code-name">&#xe627;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 74</div>
|
|
||||||
<div class="code-name">&#xe613;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 83</div>
|
<div class="name">组 83</div>
|
||||||
@ -92,12 +104,6 @@
|
|||||||
<div class="code-name">&#xe615;</div>
|
<div class="code-name">&#xe615;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 238</div>
|
|
||||||
<div class="code-name">&#xe616;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 164</div>
|
<div class="name">组 164</div>
|
||||||
@ -116,12 +122,6 @@
|
|||||||
<div class="code-name">&#xe619;</div>
|
<div class="code-name">&#xe619;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 266</div>
|
|
||||||
<div class="code-name">&#xe61a;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 67</div>
|
<div class="name">组 67</div>
|
||||||
@ -134,18 +134,6 @@
|
|||||||
<div class="code-name">&#xe61c;</div>
|
<div class="code-name">&#xe61c;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 137</div>
|
|
||||||
<div class="code-name">&#xe61d;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 108</div>
|
|
||||||
<div class="code-name">&#xe61e;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 196</div>
|
<div class="name">组 196</div>
|
||||||
@ -164,36 +152,12 @@
|
|||||||
<div class="code-name">&#xe621;</div>
|
<div class="code-name">&#xe621;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 261</div>
|
|
||||||
<div class="code-name">&#xe622;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 253</div>
|
|
||||||
<div class="code-name">&#xe623;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 131</div>
|
|
||||||
<div class="code-name">&#xe624;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 57</div>
|
<div class="name">组 57</div>
|
||||||
<div class="code-name">&#xe601;</div>
|
<div class="code-name">&#xe601;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 18</div>
|
|
||||||
<div class="code-name">&#xe602;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 286</div>
|
<div class="name">组 286</div>
|
||||||
@ -212,18 +176,6 @@
|
|||||||
<div class="code-name">&#xe607;</div>
|
<div class="code-name">&#xe607;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 150</div>
|
|
||||||
<div class="code-name">&#xe608;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 284</div>
|
|
||||||
<div class="code-name">&#xe609;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">组 3</div>
|
<div class="name">组 3</div>
|
||||||
@ -242,42 +194,6 @@
|
|||||||
<div class="code-name">&#xe60c;</div>
|
<div class="code-name">&#xe60c;</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 112</div>
|
|
||||||
<div class="code-name">&#xe60d;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 63</div>
|
|
||||||
<div class="code-name">&#xe60e;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 126</div>
|
|
||||||
<div class="code-name">&#xe60f;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 110</div>
|
|
||||||
<div class="code-name">&#xe610;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 116</div>
|
|
||||||
<div class="code-name">&#xe612;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont"></span>
|
|
||||||
<div class="name">组 4</div>
|
|
||||||
<div class="code-name">&#xe600;</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">24gl-expand2</div>
|
<div class="name">24gl-expand2</div>
|
||||||
@ -309,9 +225,9 @@
|
|||||||
>@font-face {
|
>@font-face {
|
||||||
font-family: 'iconfont';
|
font-family: 'iconfont';
|
||||||
src:
|
src:
|
||||||
url('iconfont.woff2?t=1709515058835') format('woff2'),
|
url('iconfont.woff2?t=1709685340067') format('woff2'),
|
||||||
url('iconfont.woff?t=1709515058835') format('woff'),
|
url('iconfont.woff?t=1709685340067') format('woff'),
|
||||||
url('iconfont.ttf?t=1709515058835') format('truetype');
|
url('iconfont.ttf?t=1709685340067') format('truetype');
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
||||||
@ -338,11 +254,38 @@
|
|||||||
<ul class="icon_lists dib-box">
|
<ul class="icon_lists dib-box">
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-Mark"></span>
|
<span class="icon iconfont icon-Pin"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
Mark
|
Pin
|
||||||
</div>
|
</div>
|
||||||
<div class="code-name">.icon-Mark
|
<div class="code-name">.icon-Pin
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-bell"></span>
|
||||||
|
<div class="name">
|
||||||
|
bell
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-bell
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-Clock"></span>
|
||||||
|
<div class="name">
|
||||||
|
Clock
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-Clock
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-a-phonebook"></span>
|
||||||
|
<div class="name">
|
||||||
|
phone book
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-a-phonebook
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
@ -364,15 +307,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu74"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 74
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu74
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu83"></span>
|
<span class="icon iconfont icon-a-zu83"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -391,15 +325,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu238"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 238
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu238
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu164"></span>
|
<span class="icon iconfont icon-a-zu164"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -427,15 +352,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu266"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 266
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu266
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu67"></span>
|
<span class="icon iconfont icon-a-zu67"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -454,24 +370,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu137"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 137
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu137
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu108"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 108
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu108
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu196"></span>
|
<span class="icon iconfont icon-a-zu196"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -499,33 +397,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu261"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 261
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu261
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu253"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 253
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu253
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu131"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 131
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu131
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu57"></span>
|
<span class="icon iconfont icon-a-zu57"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -535,15 +406,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu18"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 18
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu18
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu286"></span>
|
<span class="icon iconfont icon-a-zu286"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -571,24 +433,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu150"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 150
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu150
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu284"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 284
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu284
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-a-zu3"></span>
|
<span class="icon iconfont icon-a-zu3"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -616,60 +460,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu112"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 112
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu112
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu63"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 63
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu63
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu126"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 126
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu126
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu110"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 110
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu110
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu116"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 116
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu116
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<span class="icon iconfont icon-a-zu4"></span>
|
|
||||||
<div class="name">
|
|
||||||
组 4
|
|
||||||
</div>
|
|
||||||
<div class="code-name">.icon-a-zu4
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-24gl-expand2"></span>
|
<span class="icon iconfont icon-24gl-expand2"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -717,10 +507,34 @@
|
|||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-Mark"></use>
|
<use xlink:href="#icon-Pin"></use>
|
||||||
</svg>
|
</svg>
|
||||||
<div class="name">Mark</div>
|
<div class="name">Pin</div>
|
||||||
<div class="code-name">#icon-Mark</div>
|
<div class="code-name">#icon-Pin</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-bell"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">bell</div>
|
||||||
|
<div class="code-name">#icon-bell</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-Clock"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">Clock</div>
|
||||||
|
<div class="code-name">#icon-Clock</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-a-phonebook"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">phone book</div>
|
||||||
|
<div class="code-name">#icon-a-phonebook</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
@ -739,14 +553,6 @@
|
|||||||
<div class="code-name">#icon-a-zu249</div>
|
<div class="code-name">#icon-a-zu249</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu74"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 74</div>
|
|
||||||
<div class="code-name">#icon-a-zu74</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu83"></use>
|
<use xlink:href="#icon-a-zu83"></use>
|
||||||
@ -763,14 +569,6 @@
|
|||||||
<div class="code-name">#icon-a-zu198</div>
|
<div class="code-name">#icon-a-zu198</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu238"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 238</div>
|
|
||||||
<div class="code-name">#icon-a-zu238</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu164"></use>
|
<use xlink:href="#icon-a-zu164"></use>
|
||||||
@ -795,14 +593,6 @@
|
|||||||
<div class="code-name">#icon-a-zu65</div>
|
<div class="code-name">#icon-a-zu65</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu266"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 266</div>
|
|
||||||
<div class="code-name">#icon-a-zu266</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu67"></use>
|
<use xlink:href="#icon-a-zu67"></use>
|
||||||
@ -819,22 +609,6 @@
|
|||||||
<div class="code-name">#icon-a-zu76</div>
|
<div class="code-name">#icon-a-zu76</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu137"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 137</div>
|
|
||||||
<div class="code-name">#icon-a-zu137</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu108"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 108</div>
|
|
||||||
<div class="code-name">#icon-a-zu108</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu196"></use>
|
<use xlink:href="#icon-a-zu196"></use>
|
||||||
@ -859,30 +633,6 @@
|
|||||||
<div class="code-name">#icon-a-zu208</div>
|
<div class="code-name">#icon-a-zu208</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu261"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 261</div>
|
|
||||||
<div class="code-name">#icon-a-zu261</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu253"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 253</div>
|
|
||||||
<div class="code-name">#icon-a-zu253</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu131"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 131</div>
|
|
||||||
<div class="code-name">#icon-a-zu131</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu57"></use>
|
<use xlink:href="#icon-a-zu57"></use>
|
||||||
@ -891,14 +641,6 @@
|
|||||||
<div class="code-name">#icon-a-zu57</div>
|
<div class="code-name">#icon-a-zu57</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu18"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 18</div>
|
|
||||||
<div class="code-name">#icon-a-zu18</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu286"></use>
|
<use xlink:href="#icon-a-zu286"></use>
|
||||||
@ -923,22 +665,6 @@
|
|||||||
<div class="code-name">#icon-a-zu73</div>
|
<div class="code-name">#icon-a-zu73</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu150"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 150</div>
|
|
||||||
<div class="code-name">#icon-a-zu150</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu284"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 284</div>
|
|
||||||
<div class="code-name">#icon-a-zu284</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-a-zu3"></use>
|
<use xlink:href="#icon-a-zu3"></use>
|
||||||
@ -963,54 +689,6 @@
|
|||||||
<div class="code-name">#icon-a-zu291</div>
|
<div class="code-name">#icon-a-zu291</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu112"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 112</div>
|
|
||||||
<div class="code-name">#icon-a-zu112</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu63"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 63</div>
|
|
||||||
<div class="code-name">#icon-a-zu63</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu126"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 126</div>
|
|
||||||
<div class="code-name">#icon-a-zu126</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu110"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 110</div>
|
|
||||||
<div class="code-name">#icon-a-zu110</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu116"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 116</div>
|
|
||||||
<div class="code-name">#icon-a-zu116</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-a-zu4"></use>
|
|
||||||
</svg>
|
|
||||||
<div class="name">组 4</div>
|
|
||||||
<div class="code-name">#icon-a-zu4</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<svg class="icon svg-icon" aria-hidden="true">
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
<use xlink:href="#icon-24gl-expand2"></use>
|
<use xlink:href="#icon-24gl-expand2"></use>
|
||||||
|
|||||||
@ -2,9 +2,9 @@
|
|||||||
font-family: "iconfont"; /* Project id 4299634 */
|
font-family: "iconfont"; /* Project id 4299634 */
|
||||||
/* Color fonts */
|
/* Color fonts */
|
||||||
src:
|
src:
|
||||||
url('iconfont.woff2?t=1709515058835') format('woff2'),
|
url('iconfont.woff2?t=1709685340067') format('woff2'),
|
||||||
url('iconfont.woff?t=1709515058835') format('woff'),
|
url('iconfont.woff?t=1709685340067') format('woff'),
|
||||||
url('iconfont.ttf?t=1709515058835') format('truetype');
|
url('iconfont.ttf?t=1709685340067') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
@ -15,8 +15,20 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-Mark:before {
|
.icon-Pin:before {
|
||||||
content: "\e632";
|
content: "\e602";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bell:before {
|
||||||
|
content: "\e604";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-Clock:before {
|
||||||
|
content: "\e606";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-a-phonebook:before {
|
||||||
|
content: "\e600";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu185:before {
|
.icon-a-zu185:before {
|
||||||
@ -27,10 +39,6 @@
|
|||||||
content: "\e627";
|
content: "\e627";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu74:before {
|
|
||||||
content: "\e613";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu83:before {
|
.icon-a-zu83:before {
|
||||||
content: "\e614";
|
content: "\e614";
|
||||||
}
|
}
|
||||||
@ -39,10 +47,6 @@
|
|||||||
content: "\e615";
|
content: "\e615";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu238:before {
|
|
||||||
content: "\e616";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu164:before {
|
.icon-a-zu164:before {
|
||||||
content: "\e617";
|
content: "\e617";
|
||||||
}
|
}
|
||||||
@ -55,10 +59,6 @@
|
|||||||
content: "\e619";
|
content: "\e619";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu266:before {
|
|
||||||
content: "\e61a";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu67:before {
|
.icon-a-zu67:before {
|
||||||
content: "\e61b";
|
content: "\e61b";
|
||||||
}
|
}
|
||||||
@ -67,14 +67,6 @@
|
|||||||
content: "\e61c";
|
content: "\e61c";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu137:before {
|
|
||||||
content: "\e61d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu108:before {
|
|
||||||
content: "\e61e";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu196:before {
|
.icon-a-zu196:before {
|
||||||
content: "\e61f";
|
content: "\e61f";
|
||||||
}
|
}
|
||||||
@ -87,26 +79,10 @@
|
|||||||
content: "\e621";
|
content: "\e621";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu261:before {
|
|
||||||
content: "\e622";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu253:before {
|
|
||||||
content: "\e623";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu131:before {
|
|
||||||
content: "\e624";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu57:before {
|
.icon-a-zu57:before {
|
||||||
content: "\e601";
|
content: "\e601";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu18:before {
|
|
||||||
content: "\e602";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu286:before {
|
.icon-a-zu286:before {
|
||||||
content: "\e603";
|
content: "\e603";
|
||||||
}
|
}
|
||||||
@ -119,14 +95,6 @@
|
|||||||
content: "\e607";
|
content: "\e607";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu150:before {
|
|
||||||
content: "\e608";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu284:before {
|
|
||||||
content: "\e609";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu3:before {
|
.icon-a-zu3:before {
|
||||||
content: "\e60a";
|
content: "\e60a";
|
||||||
}
|
}
|
||||||
@ -139,30 +107,6 @@
|
|||||||
content: "\e60c";
|
content: "\e60c";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-a-zu112:before {
|
|
||||||
content: "\e60d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu63:before {
|
|
||||||
content: "\e60e";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu126:before {
|
|
||||||
content: "\e60f";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu110:before {
|
|
||||||
content: "\e610";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu116:before {
|
|
||||||
content: "\e612";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-a-zu4:before {
|
|
||||||
content: "\e600";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-24gl-expand2:before {
|
.icon-24gl-expand2:before {
|
||||||
content: "\eb6c";
|
content: "\eb6c";
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -6,11 +6,32 @@
|
|||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
{
|
{
|
||||||
"icon_id": "39402403",
|
"icon_id": "39438936",
|
||||||
"name": "Mark",
|
"name": "Pin",
|
||||||
"font_class": "Mark",
|
"font_class": "Pin",
|
||||||
"unicode": "e632",
|
"unicode": "e602",
|
||||||
"unicode_decimal": 58930
|
"unicode_decimal": 58882
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "39438935",
|
||||||
|
"name": "bell",
|
||||||
|
"font_class": "bell",
|
||||||
|
"unicode": "e604",
|
||||||
|
"unicode_decimal": 58884
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "39438934",
|
||||||
|
"name": "Clock",
|
||||||
|
"font_class": "Clock",
|
||||||
|
"unicode": "e606",
|
||||||
|
"unicode_decimal": 58886
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "39438937",
|
||||||
|
"name": "phone book",
|
||||||
|
"font_class": "a-phonebook",
|
||||||
|
"unicode": "e600",
|
||||||
|
"unicode_decimal": 58880
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "39402081",
|
"icon_id": "39402081",
|
||||||
@ -26,13 +47,6 @@
|
|||||||
"unicode": "e627",
|
"unicode": "e627",
|
||||||
"unicode_decimal": 58919
|
"unicode_decimal": 58919
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402101",
|
|
||||||
"name": "组 74",
|
|
||||||
"font_class": "a-zu74",
|
|
||||||
"unicode": "e613",
|
|
||||||
"unicode_decimal": 58899
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402102",
|
"icon_id": "39402102",
|
||||||
"name": "组 83",
|
"name": "组 83",
|
||||||
@ -47,13 +61,6 @@
|
|||||||
"unicode": "e615",
|
"unicode": "e615",
|
||||||
"unicode_decimal": 58901
|
"unicode_decimal": 58901
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402100",
|
|
||||||
"name": "组 238",
|
|
||||||
"font_class": "a-zu238",
|
|
||||||
"unicode": "e616",
|
|
||||||
"unicode_decimal": 58902
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402086",
|
"icon_id": "39402086",
|
||||||
"name": "组 164",
|
"name": "组 164",
|
||||||
@ -75,13 +82,6 @@
|
|||||||
"unicode": "e619",
|
"unicode": "e619",
|
||||||
"unicode_decimal": 58905
|
"unicode_decimal": 58905
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402095",
|
|
||||||
"name": "组 266",
|
|
||||||
"font_class": "a-zu266",
|
|
||||||
"unicode": "e61a",
|
|
||||||
"unicode_decimal": 58906
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402098",
|
"icon_id": "39402098",
|
||||||
"name": "组 67",
|
"name": "组 67",
|
||||||
@ -96,20 +96,6 @@
|
|||||||
"unicode": "e61c",
|
"unicode": "e61c",
|
||||||
"unicode_decimal": 58908
|
"unicode_decimal": 58908
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402090",
|
|
||||||
"name": "组 137",
|
|
||||||
"font_class": "a-zu137",
|
|
||||||
"unicode": "e61d",
|
|
||||||
"unicode_decimal": 58909
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402094",
|
|
||||||
"name": "组 108",
|
|
||||||
"font_class": "a-zu108",
|
|
||||||
"unicode": "e61e",
|
|
||||||
"unicode_decimal": 58910
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402083",
|
"icon_id": "39402083",
|
||||||
"name": "组 196",
|
"name": "组 196",
|
||||||
@ -131,27 +117,6 @@
|
|||||||
"unicode": "e621",
|
"unicode": "e621",
|
||||||
"unicode_decimal": 58913
|
"unicode_decimal": 58913
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402089",
|
|
||||||
"name": "组 261",
|
|
||||||
"font_class": "a-zu261",
|
|
||||||
"unicode": "e622",
|
|
||||||
"unicode_decimal": 58914
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402085",
|
|
||||||
"name": "组 253",
|
|
||||||
"font_class": "a-zu253",
|
|
||||||
"unicode": "e623",
|
|
||||||
"unicode_decimal": 58915
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402084",
|
|
||||||
"name": "组 131",
|
|
||||||
"font_class": "a-zu131",
|
|
||||||
"unicode": "e624",
|
|
||||||
"unicode_decimal": 58916
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402116",
|
"icon_id": "39402116",
|
||||||
"name": "组 57",
|
"name": "组 57",
|
||||||
@ -159,13 +124,6 @@
|
|||||||
"unicode": "e601",
|
"unicode": "e601",
|
||||||
"unicode_decimal": 58881
|
"unicode_decimal": 58881
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402115",
|
|
||||||
"name": "组 18",
|
|
||||||
"font_class": "a-zu18",
|
|
||||||
"unicode": "e602",
|
|
||||||
"unicode_decimal": 58882
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402114",
|
"icon_id": "39402114",
|
||||||
"name": "组 286",
|
"name": "组 286",
|
||||||
@ -187,20 +145,6 @@
|
|||||||
"unicode": "e607",
|
"unicode": "e607",
|
||||||
"unicode_decimal": 58887
|
"unicode_decimal": 58887
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402112",
|
|
||||||
"name": "组 150",
|
|
||||||
"font_class": "a-zu150",
|
|
||||||
"unicode": "e608",
|
|
||||||
"unicode_decimal": 58888
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402087",
|
|
||||||
"name": "组 284",
|
|
||||||
"font_class": "a-zu284",
|
|
||||||
"unicode": "e609",
|
|
||||||
"unicode_decimal": 58889
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "39402105",
|
"icon_id": "39402105",
|
||||||
"name": "组 3",
|
"name": "组 3",
|
||||||
@ -222,48 +166,6 @@
|
|||||||
"unicode": "e60c",
|
"unicode": "e60c",
|
||||||
"unicode_decimal": 58892
|
"unicode_decimal": 58892
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"icon_id": "39402106",
|
|
||||||
"name": "组 112",
|
|
||||||
"font_class": "a-zu112",
|
|
||||||
"unicode": "e60d",
|
|
||||||
"unicode_decimal": 58893
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402108",
|
|
||||||
"name": "组 63",
|
|
||||||
"font_class": "a-zu63",
|
|
||||||
"unicode": "e60e",
|
|
||||||
"unicode_decimal": 58894
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402097",
|
|
||||||
"name": "组 126",
|
|
||||||
"font_class": "a-zu126",
|
|
||||||
"unicode": "e60f",
|
|
||||||
"unicode_decimal": 58895
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402104",
|
|
||||||
"name": "组 110",
|
|
||||||
"font_class": "a-zu110",
|
|
||||||
"unicode": "e610",
|
|
||||||
"unicode_decimal": 58896
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39402091",
|
|
||||||
"name": "组 116",
|
|
||||||
"font_class": "a-zu116",
|
|
||||||
"unicode": "e612",
|
|
||||||
"unicode_decimal": 58898
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "39401777",
|
|
||||||
"name": "组 4",
|
|
||||||
"font_class": "a-zu4",
|
|
||||||
"unicode": "e600",
|
|
||||||
"unicode_decimal": 58880
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "7597941",
|
"icon_id": "7597941",
|
||||||
"name": "24gl-expand2",
|
"name": "24gl-expand2",
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
src/assets/home/4-1.png
Normal file
BIN
src/assets/home/4-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
src/assets/home/4-2.png
Normal file
BIN
src/assets/home/4-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/assets/home/4-3.png
Normal file
BIN
src/assets/home/4-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
src/assets/home/avaB.png
Normal file
BIN
src/assets/home/avaB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
src/assets/home/avaG.png
Normal file
BIN
src/assets/home/avaG.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
src/assets/home/over.png
Normal file
BIN
src/assets/home/over.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/home/overtime.png
Normal file
BIN
src/assets/home/overtime.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/assets/home/prepare2.png
Normal file
BIN
src/assets/home/prepare2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/home/warn.png
Normal file
BIN
src/assets/home/warn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/home/图层_11.png
Normal file
BIN
src/assets/home/图层_11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
@ -24,7 +24,7 @@ const config = {
|
|||||||
flowServiceHost: "http://120.25.146.51:7188/",
|
flowServiceHost: "http://120.25.146.51:7188/",
|
||||||
hmiUrl: "http://localhost:8060/",
|
hmiUrl: "http://localhost:8060/",
|
||||||
webSocketHost: 'ws://localhost:7140/',
|
webSocketHost: 'ws://localhost:7140/',
|
||||||
picServerHost: 'http://47.122.43.22:7199',
|
picServerHost: 'http://47.122.43.22:3199',
|
||||||
dataVUrl: "http://localhost:8062/home",
|
dataVUrl: "http://localhost:8062/home",
|
||||||
version:version,
|
version:version,
|
||||||
guideSeverHost:"http://47.122.43.22/apk/",
|
guideSeverHost:"http://47.122.43.22/apk/",
|
||||||
@ -39,7 +39,7 @@ const config = {
|
|||||||
cookieDomain: "",
|
cookieDomain: "",
|
||||||
hmiUrl: "http://120.25.146.51:8098/",
|
hmiUrl: "http://120.25.146.51:8098/",
|
||||||
webSocketHost: 'ws://120.25.146.51:7140/',
|
webSocketHost: 'ws://120.25.146.51:7140/',
|
||||||
picServerHost: 'http://120.25.146.51:7199',
|
picServerHost: 'http://120.25.146.51:3199',
|
||||||
dataVUrl: "http://120.25.146.51:7167/home",
|
dataVUrl: "http://120.25.146.51:7167/home",
|
||||||
version:version,
|
version:version,
|
||||||
guideSeverHost:"http://www.xmmhe.com/apk/",
|
guideSeverHost:"http://www.xmmhe.com/apk/",
|
||||||
@ -54,7 +54,7 @@ const config = {
|
|||||||
cookieDomain: "",
|
cookieDomain: "",
|
||||||
hmiUrl: "http://47.122.43.22:8098/",
|
hmiUrl: "http://47.122.43.22:8098/",
|
||||||
webSocketHost: 'ws://47.122.43.22:7140/',
|
webSocketHost: 'ws://47.122.43.22:7140/',
|
||||||
picServerHost: 'http://47.122.43.22:7199',
|
picServerHost: 'http://47.122.43.22:3199',
|
||||||
dataVUrl: "http://47.122.43.22:7167/home",
|
dataVUrl: "http://47.122.43.22:7167/home",
|
||||||
version:version,
|
version:version,
|
||||||
guideSeverHost:"http://47.122.43.22/apk/",
|
guideSeverHost:"http://47.122.43.22/apk/",
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
import React, { useState, useMemo } from "react";
|
import React, { useState, useMemo } from "react";
|
||||||
import { connect } from "dva";
|
import { connect } from "dva";
|
||||||
import { withRouter } from "dva/router";
|
import { withRouter } from "dva/router";
|
||||||
import { Dropdown, Icon, Menu, message, Button, Modal } from "antd";
|
import { Dropdown, Icon, Menu, message, Button, Modal, Input } from "antd";
|
||||||
import { HeaderSearch as OPTSearch, PictureThumb } from "@woowalker/feui";
|
import { HeaderSearch as OPTSearch, PictureThumb } from "@woowalker/feui";
|
||||||
import ModifyPassword from "../components/MainPage/ModifyPassword";
|
import ModifyPassword from "../components/MainPage/ModifyPassword";
|
||||||
import FoUserInfoShow from "../components/MainPage/FoUserInfoShow";
|
import FoUserInfoShow from "../components/MainPage/FoUserInfoShow";
|
||||||
@ -13,14 +13,14 @@ import config from "../config";
|
|||||||
import "./header.less";
|
import "./header.less";
|
||||||
import Option from "./Option";
|
import Option from "./Option";
|
||||||
|
|
||||||
|
|
||||||
// 投屏
|
// 投屏
|
||||||
const DataV = (props) => {
|
const DataV = (props) => {
|
||||||
const navTo = () => {
|
const navTo = () => {
|
||||||
const { OrgId, Tenant, baseConfig } = props.login;
|
const { OrgId, Tenant, baseConfig } = props.login;
|
||||||
const preUrl = baseConfig.SCREEN_URL || config.dataVUrl;
|
const preUrl = baseConfig.SCREEN_URL || config.dataVUrl;
|
||||||
const queryStr = `OrgId=${OrgId}&Tenant=${Tenant}`;
|
const queryStr = `OrgId=${OrgId}&Tenant=${Tenant}`;
|
||||||
const url = `${preUrl.indexOf("?") !== -1 ? preUrl : preUrl + "?"
|
const url = `${
|
||||||
|
preUrl.indexOf("?") !== -1 ? preUrl : preUrl + "?"
|
||||||
}${queryStr}`;
|
}${queryStr}`;
|
||||||
window.open(url, "_blank");
|
window.open(url, "_blank");
|
||||||
};
|
};
|
||||||
@ -33,8 +33,9 @@ const DataV = (props) => {
|
|||||||
const HeaderDataV = connect(({ login }) => ({ login }))(DataV);
|
const HeaderDataV = connect(({ login }) => ({ login }))(DataV);
|
||||||
|
|
||||||
// 搜索
|
// 搜索
|
||||||
const Search = (props) => {
|
const SearchBox = (props) => {
|
||||||
const [autoCompleteData, setAutoCompleteData] = useState([]);
|
const [autoCompleteData, setAutoCompleteData] = useState([]);
|
||||||
|
const [inputVal, setInputVal] = useState("");
|
||||||
|
|
||||||
const leafMenus = useMemo(() => {
|
const leafMenus = useMemo(() => {
|
||||||
const menuForms = [];
|
const menuForms = [];
|
||||||
@ -66,16 +67,17 @@ const Search = (props) => {
|
|||||||
* @param {*} e
|
* @param {*} e
|
||||||
*/
|
*/
|
||||||
const handleSearchMenu = (e) => {
|
const handleSearchMenu = (e) => {
|
||||||
if (!e || e === "") {
|
setInputVal(e.target.value);
|
||||||
|
if (!e.target.value || e.target.value === "") {
|
||||||
setAutoCompleteData([]);
|
setAutoCompleteData([]);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const validResult = [];
|
const validResult = [];
|
||||||
leafMenus.menuForms.forEach((item) => {
|
leafMenus.menuForms.forEach((item) => {
|
||||||
if (
|
if (
|
||||||
item.CODE.toLowerCase().indexOf(e.toLowerCase()) >= 0 ||
|
item.CODE.toLowerCase().indexOf(e.target.value.toLowerCase()) >= 0 ||
|
||||||
item.NAME.toLowerCase().indexOf(e.toLowerCase()) >= 0 ||
|
item.NAME.toLowerCase().indexOf(e.target.value.toLowerCase()) >= 0 ||
|
||||||
item.MenuName.toLowerCase().indexOf(e.toLowerCase()) >= 0
|
item.MenuName.toLowerCase().indexOf(e.target.value.toLowerCase()) >= 0
|
||||||
) {
|
) {
|
||||||
validResult.push(item);
|
validResult.push(item);
|
||||||
}
|
}
|
||||||
@ -87,6 +89,36 @@ const Search = (props) => {
|
|||||||
* 选中菜单
|
* 选中菜单
|
||||||
* @param {*} e
|
* @param {*} e
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
const overMenu = () => {
|
||||||
|
if (autoCompleteData.length == 0) {
|
||||||
|
return (
|
||||||
|
<Menu>
|
||||||
|
<Menu.Item key="0">暂无匹配项</Menu.Item>
|
||||||
|
</Menu>
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return (
|
||||||
|
<Menu
|
||||||
|
// onClick={handleMenuClick}
|
||||||
|
style={{ height: "200px", overflow: "auto" }}
|
||||||
|
>
|
||||||
|
{autoCompleteData.map((item, index) => {
|
||||||
|
return (
|
||||||
|
<Menu.Item
|
||||||
|
key={index}
|
||||||
|
onClick={() => {
|
||||||
|
handleSelectMenu(item.ID);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{item.NAME}({item.CODE})
|
||||||
|
</Menu.Item>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</Menu>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
};
|
||||||
const handleSelectMenu = (e) => {
|
const handleSelectMenu = (e) => {
|
||||||
const menu = leafMenus.menuDatas.find(
|
const menu = leafMenus.menuDatas.find(
|
||||||
(item) => item.Menu.Nav_MenuForm.ID === e
|
(item) => item.Menu.Nav_MenuForm.ID === e
|
||||||
@ -99,17 +131,48 @@ const Search = (props) => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
props.history.push({ pathname: `/main/${menu.Node.ID}` });
|
props.history.push({ pathname: `/main/${menu.Node.ID}` });
|
||||||
|
setInputVal("");
|
||||||
|
setAutoCompleteData([])
|
||||||
};
|
};
|
||||||
|
|
||||||
if (window.navigator.userAgent.indexOf("Windows") < 1) {
|
if (window.navigator.userAgent.indexOf("Windows") < 1) {
|
||||||
return <span></span>;
|
return <span></span>;
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<OPTSearch
|
// <OPTSearch
|
||||||
dataSource={autoCompleteData}
|
// dataSource={autoCompleteData}
|
||||||
onChange={handleSearchMenu}
|
// onChange={handleSearchMenu}
|
||||||
onSelect={handleSelectMenu}
|
// onSelect={handleSelectMenu}
|
||||||
|
// />
|
||||||
|
// <SearchBox
|
||||||
|
// backgroundColor="#F7F7F7" // 自定义背景色
|
||||||
|
// placeholder="请输入关键词" // 输入框提示
|
||||||
|
// hasDropdown={true} // 是否显示下拉搜索类型
|
||||||
|
// onClick={handleSelectMenu} // 点击菜单执行方法
|
||||||
|
// onClickSearch={handleSearchMenu} // 点击搜索按钮执行
|
||||||
|
// size="sm" // 大小 lg or sm
|
||||||
|
// hasBorder={false}
|
||||||
|
// lists={autoCompleteData}
|
||||||
|
// />
|
||||||
|
<Dropdown overlay={overMenu} placement="topLeft" trigger={['click']}>
|
||||||
|
<div className="headerInput">
|
||||||
|
{/* <Search
|
||||||
|
placeholder={"请输入搜索内容"}
|
||||||
|
onSearch={handleSearchMenu}
|
||||||
|
style={{ width: 200 }}
|
||||||
|
/> */}
|
||||||
|
<Input
|
||||||
|
placeholder="搜索菜单"
|
||||||
|
prefix={<Icon type="search" style={{ color: "#909399" ,fontSize:'18px'}} />}
|
||||||
|
onChange={(e) => {
|
||||||
|
handleSearchMenu(e);
|
||||||
|
}}
|
||||||
|
onPressEnter={(e) => {
|
||||||
|
handleSearchMenu(e);
|
||||||
|
}}
|
||||||
|
value={inputVal}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
|
</Dropdown>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
//return (
|
//return (
|
||||||
@ -121,7 +184,7 @@ const Search = (props) => {
|
|||||||
// />
|
// />
|
||||||
//)
|
//)
|
||||||
};
|
};
|
||||||
const HeaderSearch = withRouter(connect(({ login }) => ({ login }))(Search));
|
const HeaderSearch = withRouter(connect(({ login }) => ({ login }))(SearchBox));
|
||||||
|
|
||||||
// 个人中心
|
// 个人中心
|
||||||
const User = (props) => {
|
const User = (props) => {
|
||||||
@ -226,14 +289,11 @@ const GuideCodePage = (props) => {
|
|||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
currVans()
|
currVans();
|
||||||
}}
|
}}
|
||||||
style={{ margin: "0px 36px", display: "flex", alignItems: "center" }}
|
style={{ margin: "0px 36px", display: "flex", alignItems: "center" }}
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon type="qrcode" className="header__right-icon" />
|
||||||
type="qrcode"
|
|
||||||
className="header__right-icon"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<Modal
|
<Modal
|
||||||
title=""
|
title=""
|
||||||
@ -251,7 +311,6 @@ const GuideCodePage = (props) => {
|
|||||||
<GuideCanvas />
|
<GuideCanvas />
|
||||||
</Modal>
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -277,7 +336,7 @@ const NavOpton = (props) => {
|
|||||||
{/* <Icon type='bars' className='header__right-icon'></Icon> */}
|
{/* <Icon type='bars' className='header__right-icon'></Icon> */}
|
||||||
<IconFont
|
<IconFont
|
||||||
type="icon-line-108"
|
type="icon-line-108"
|
||||||
style={{ fontSize: "22px", color: "#606266", cursor: "pointer" }}
|
style={{ fontSize: "22px", color: "#909399", cursor: "pointer" }}
|
||||||
></IconFont>
|
></IconFont>
|
||||||
</div>
|
</div>
|
||||||
<Modal
|
<Modal
|
||||||
@ -325,7 +384,8 @@ function Header(props) {
|
|||||||
<span className="header__left-slogan-mobile"> </span>
|
<span className="header__left-slogan-mobile"> </span>
|
||||||
) : (
|
) : (
|
||||||
<span
|
<span
|
||||||
className={`${props.matchLogin
|
className={`${
|
||||||
|
props.matchLogin
|
||||||
? "header__left-sloganLogin"
|
? "header__left-sloganLogin"
|
||||||
: "header__left-slogan"
|
: "header__left-slogan"
|
||||||
}`}
|
}`}
|
||||||
@ -338,15 +398,16 @@ function Header(props) {
|
|||||||
</div>
|
</div>
|
||||||
{!props.matchLogin ? (
|
{!props.matchLogin ? (
|
||||||
<div className="header__right">
|
<div className="header__right">
|
||||||
<GuideCode />
|
|
||||||
<HeaderNav />
|
|
||||||
<HeaderDataV />
|
<HeaderDataV />
|
||||||
<HeaderSearch />
|
<HeaderSearch />
|
||||||
|
<GuideCode />
|
||||||
|
<HeaderNav />
|
||||||
{/* style={{"color":"#f3eded"}} */}
|
{/* style={{"color":"#f3eded"}} */}
|
||||||
<HeaderUser />
|
{/* <HeaderUser /> */}
|
||||||
<b>
|
{/* <b>
|
||||||
{props.login.user.NAME}({props.login.user.CODE})
|
{props.login.user.NAME}({props.login.user.CODE})
|
||||||
</b>
|
</b> */}
|
||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -37,11 +37,15 @@ const MainLayout = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`main ${matchLogin ? 'float' : ''}`}>
|
<div className={`main ${matchLogin ? 'float' : ''}`}>
|
||||||
<div className='main__header'><Header matchLogin={matchLogin} /></div>
|
|
||||||
<div className={matchHome ? 'main__body2' : 'main__body'}>
|
<div className={matchHome ? 'main__body2' : 'main__body'}>
|
||||||
<div className='main__body-sider'><Sider matchLogin={matchLogin?matchLogin:matchHome} repost={matchPost}/></div>
|
{matchLogin?'':<div className='main__body-sider'><Sider matchLogin={matchLogin?matchLogin:matchHome} repost={matchPost}/></div>}
|
||||||
|
<div className='main__body-right'>
|
||||||
|
{matchLogin?'':<div className='main__body-header'><Header matchLogin={matchLogin} /></div>}
|
||||||
<div className='main__body-content' onClick={repost}>{props.children}</div>
|
<div className='main__body-content' onClick={repost}>{props.children}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -18,9 +18,7 @@ import "./sider.less";
|
|||||||
import MenuItem from "antd/lib/menu/MenuItem";
|
import MenuItem from "antd/lib/menu/MenuItem";
|
||||||
import SubMenu from "antd/lib/menu/SubMenu";
|
import SubMenu from "antd/lib/menu/SubMenu";
|
||||||
|
|
||||||
|
|
||||||
const Sider = (props) => {
|
const Sider = (props) => {
|
||||||
|
|
||||||
/** 菜单页展开与收起 */
|
/** 菜单页展开与收起 */
|
||||||
const timer = useRef(-1);
|
const timer = useRef(-1);
|
||||||
const handleExpandMenuShow = () => {
|
const handleExpandMenuShow = () => {
|
||||||
@ -48,12 +46,15 @@ const Sider = (props) => {
|
|||||||
props.history.push({ pathname: "/home" });
|
props.history.push({ pathname: "/home" });
|
||||||
};
|
};
|
||||||
const clickMenu = () => {
|
const clickMenu = () => {
|
||||||
collapsed===true?setCollapsed(false):setCollapsed(false)
|
collapsed === true ? setCollapsed(false) : setCollapsed(false);
|
||||||
|
};
|
||||||
|
const [mainSilder, setMainSilder] = useState(1);
|
||||||
}
|
const clickMainMenu = (index) => {
|
||||||
|
setMainSilder(index);
|
||||||
|
};
|
||||||
/** 子菜单路由 */
|
/** 子菜单路由 */
|
||||||
const navToMenu = (menu) => {
|
const navToMenu = (menu) => {
|
||||||
|
console.log("12312312312", menu);
|
||||||
props.history.push({ pathname: `/main/${menu.ID}` });
|
props.history.push({ pathname: `/main/${menu.ID}` });
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -72,6 +73,7 @@ const clickMenu = ()=>{
|
|||||||
/** 已激活菜单 */
|
/** 已激活菜单 */
|
||||||
const [activeMenu, setActiveMenu] = useState(null);
|
const [activeMenu, setActiveMenu] = useState(null);
|
||||||
const handleActiveMenu = (menu) => {
|
const handleActiveMenu = (menu) => {
|
||||||
|
console.log("111111");
|
||||||
setActiveMenu(menu);
|
setActiveMenu(menu);
|
||||||
navToMenu(menu);
|
navToMenu(menu);
|
||||||
};
|
};
|
||||||
@ -157,6 +159,8 @@ const clickMenu = ()=>{
|
|||||||
}
|
}
|
||||||
}, [IS_MENU_SHRINK]);
|
}, [IS_MENU_SHRINK]);
|
||||||
const [collapsed, setCollapsed] = useState(true);
|
const [collapsed, setCollapsed] = useState(true);
|
||||||
|
const [MenuShow, setMenuShow] = useState(false);
|
||||||
|
|
||||||
const toggleCollapsed = () => {
|
const toggleCollapsed = () => {
|
||||||
setCollapsed(!collapsed);
|
setCollapsed(!collapsed);
|
||||||
};
|
};
|
||||||
@ -164,166 +168,205 @@ const clickMenu = ()=>{
|
|||||||
if (collapsed == false) {
|
if (collapsed == false) {
|
||||||
setCollapsed(true);
|
setCollapsed(true);
|
||||||
}
|
}
|
||||||
},[props.repost])
|
}, [props.repost]);
|
||||||
// console.log(props.repost,'21312313213213123')
|
const menuCUR = topMenus.menus[mainSilder - 2];
|
||||||
|
|
||||||
/** 登录页隐藏 */
|
/** 登录页隐藏 */
|
||||||
if (props.matchLogin) return null;
|
if (props.matchLogin) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`sider ${"shortMenuShow"}`}>
|
<div className={`sider ${"shortMenuShow"}`}>
|
||||||
|
<div>
|
||||||
<div className={`sider ${"shortMenuShow_overflow"}`}>
|
<div className={`sider ${"shortMenuShow_overflow"}`}>
|
||||||
<Menu
|
<div className={`sider ${"shortMenuShow_overflowb"}`}>
|
||||||
mode="inline"
|
<div
|
||||||
inlineCollapsed={collapsed}
|
className="sider__shortMenuShowoverca"
|
||||||
style={{
|
onClick={() => {
|
||||||
// marginTop: 24,
|
clickMainMenu(1);
|
||||||
// paddingRight: 10,
|
navToHome();
|
||||||
paddingTop:'21px'
|
setMenuShow(false);
|
||||||
}}
|
}}
|
||||||
// defaultOpenKeys={['sub1']}
|
|
||||||
inlineIndent="16"
|
|
||||||
onClick={clickMenu}
|
|
||||||
>
|
>
|
||||||
<MenuItem key="1" onClick={navToHome} title={'工作台'}>
|
<Icon
|
||||||
{/* <img
|
type="home"
|
||||||
src={require("../assets/layout/menu-all.png")}
|
className={
|
||||||
alt=""
|
mainSilder == 1
|
||||||
className="sider__menuAll-icon"
|
? "sider__shortMenuShowoverca-overcd"
|
||||||
/> */}
|
: "sider__shortMenuShowoverca-overc"
|
||||||
<Icon type="home"></Icon>
|
|
||||||
<span>工作台</span>
|
|
||||||
</MenuItem>
|
|
||||||
<SubMenu
|
|
||||||
key="sub1"
|
|
||||||
title={
|
|
||||||
<span>
|
|
||||||
<Icon type="profile" title="常用菜单"></Icon>
|
|
||||||
<span>常用菜单</span>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
}
|
}
|
||||||
onTitleClick={clickMenu}
|
></Icon>
|
||||||
|
<div className="sider__shortMenuShowoverca-title">首页</div>
|
||||||
|
</div>
|
||||||
|
{/* <div
|
||||||
|
className="sider__shortMenuShowoverca"
|
||||||
|
onClick={() => {
|
||||||
|
clickMainMenu(2);
|
||||||
|
setMenuShow(true);
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
{favorMenus.map((menu2, index2) => {
|
<Icon
|
||||||
return (
|
type="profile"
|
||||||
<MenuItem
|
title="常用菜单"
|
||||||
key={`${menu2.ID}_${index2}`}
|
className={
|
||||||
onClick={() => handleActiveMenu(menu2)}
|
mainSilder == 2
|
||||||
title={menu2.NAME}
|
? "sider__shortMenuShowoverca-overcd"
|
||||||
>
|
: "sider__shortMenuShowoverca-overc"
|
||||||
<Icon type={menu2.ICON ? menu2.ICON : "file-text"} />
|
}
|
||||||
|
></Icon>
|
||||||
<span>{menu2.NAME}</span>
|
</div> */}
|
||||||
</MenuItem>
|
<div>
|
||||||
);
|
|
||||||
})}
|
|
||||||
</SubMenu>
|
|
||||||
|
|
||||||
{topMenus.menus.map((menu, index) => {
|
{topMenus.menus.map((menu, index) => {
|
||||||
return (
|
return (
|
||||||
// <div
|
<div
|
||||||
// key={`${menu.Node.ID}_${index}`}
|
className="sider__shortMenuShowoverca"
|
||||||
// // onMouseEnter={() => {
|
onClick={() => {
|
||||||
// // setCurrMenu(menu.Node);
|
clickMainMenu(index + 2);
|
||||||
// // setActiveKeepMenu(menu.Node);
|
|
||||||
// // }}
|
|
||||||
// onClick={() =>{handleActiveMenu(menu.Node);setCurrMenu(menu.Node);
|
|
||||||
// setActiveKeepMenu(menu.Node);} }
|
|
||||||
// className={wrapClass}
|
|
||||||
// >
|
|
||||||
// <div className="sider__menuExpand-menu--item">
|
|
||||||
// <Icon
|
|
||||||
// type={menu.Node.ICON ? menu.ICON : "file-text"}
|
|
||||||
// className={iconClass}
|
|
||||||
// />
|
|
||||||
// <div className={fontClass}>{menu.Node.NAME}</div>
|
|
||||||
// </div>
|
|
||||||
// <div className={indicatorClass} />
|
|
||||||
// </div>
|
|
||||||
|
|
||||||
<SubMenu
|
|
||||||
key={`${menu.Node.ID}_${index}`}
|
|
||||||
title={
|
|
||||||
<span>
|
|
||||||
<Icon type= {menu.Node.ICON ? menu.Node.ICON : "reconciliation"} title={menu.Node.NAME}></Icon>
|
|
||||||
<span>{menu.Node.NAME}</span>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
}
|
|
||||||
onTitleClick={() => {
|
|
||||||
setCurrMenu(menu.Node);
|
setCurrMenu(menu.Node);
|
||||||
clickMenu()
|
clickMenu();
|
||||||
|
setMenuShow(true);
|
||||||
}}
|
}}
|
||||||
|
|
||||||
>
|
>
|
||||||
{/* 二级 */}
|
<Icon
|
||||||
{menu.Children.map((menu1, index1) => {
|
type={menu.Node.ICON ? menu.Node.ICON : "reconciliation"}
|
||||||
const isLevel4Menu = menu1.Children?.find(
|
title={menu.Node.NAME}
|
||||||
(mc) => mc.Children?.length
|
className={
|
||||||
|
mainSilder == index + 2
|
||||||
|
? "sider__shortMenuShowoverca-overcd"
|
||||||
|
: "sider__shortMenuShowoverca-overc"
|
||||||
|
}
|
||||||
|
></Icon>
|
||||||
|
<div className="sider__shortMenuShowoverca-title">{menu.Node.NAME}</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
const childMenus = isLevel4Menu
|
})}
|
||||||
? [menu]
|
</div>
|
||||||
: menu.Children || [];
|
<div className="sider__outButton">
|
||||||
return (
|
<div
|
||||||
<SubMenu
|
className="sider__shortMenuShowovercae"
|
||||||
key={`${menu1.Node.ID}_${index1}`}
|
onClick={() => {
|
||||||
title={
|
setMenuShow(!MenuShow);
|
||||||
<span>
|
if(mainSilder == 1){ //禁止mainsilder为1--首页状态
|
||||||
<Icon type={menu1.Node.ICON ? menu1.Node.ICON : "reconciliation"}></Icon>
|
setMainSilder(2);
|
||||||
<span>{ menu1.Node.NAME}</span>
|
}
|
||||||
</span>
|
// if (MenuShow) {
|
||||||
|
// setMainSilder(1);
|
||||||
|
// } else {
|
||||||
|
// setMainSilder(2);
|
||||||
|
// }
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
type="import"
|
||||||
|
className="sider__shortMenuShowoverca-overcd"
|
||||||
|
></Icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={
|
||||||
|
MenuShow
|
||||||
|
? `sider ${"shortMenuShow_overflowc"}`
|
||||||
|
: `sider ${"shortMenuShow_overflowcExpand"}`
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{/* 三级 */}
|
{/* <img
|
||||||
{menu1.Children.map((menu3, index3) => {
|
src={require("././../assets/logo-slider.jpg")}
|
||||||
|
style={{
|
||||||
|
height: "80px",
|
||||||
|
width: "auto",
|
||||||
|
objectFit: "contain",
|
||||||
|
marginTop: "10px",
|
||||||
|
}}
|
||||||
|
></img> */}
|
||||||
|
<div className={`sider ${"__shortMenuShowChild"}`}>
|
||||||
|
{/* {mainSilder == 2 ? (
|
||||||
|
<div className={`sider ${"shortMenuShow_ChildPadding"}`}>
|
||||||
|
{favorMenus.map((menu2, index2) => {
|
||||||
return (
|
return (
|
||||||
<MenuItem key={`${menu3.Node.ID}_${index3}`} onClick={() =>
|
<div
|
||||||
isLevel4Menu
|
// key={`${menu2.ID}_${index2}`}
|
||||||
? navToBackend(menu3.Node)
|
onClick={() => handleActiveMenu(menu2)}
|
||||||
: handleActiveMenu(menu3.Node)
|
className="sider__shortMenuShowChild"
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
type={menu2.ICON ? menu2.ICON : "file-text"}
|
||||||
|
className="sider__shortMenuShowChild-iconone"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span className="sider__shortMenuShowChild-name">
|
||||||
|
{menu2.NAME}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
) : ( */}
|
||||||
|
<div className={`sider ${"shortMenuShow_ChildPadding"}`}>
|
||||||
|
{menuCUR &&
|
||||||
|
menuCUR.Children.map((menu2, index2) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
// key={`${menu2.ID}_${index2}`}
|
||||||
|
className="sider__shortMenuShowFlex"
|
||||||
|
>
|
||||||
|
<div className="sider__shortMenuShowChildTwo">
|
||||||
|
<Icon
|
||||||
|
type={"caret-right"}
|
||||||
|
className="sider__shortMenuShowChildTwo-iconri"
|
||||||
|
/>
|
||||||
|
<Icon
|
||||||
|
type={
|
||||||
|
menu2.Node.ICON ? menu2.Node.ICON : "file-text"
|
||||||
}
|
}
|
||||||
|
className="sider__shortMenuShowChildTwo-icon"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span className="sider__shortMenuShowChildTwo-name">
|
||||||
|
{menu2.Node.NAME}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="sider__shortMenuShowGrid">
|
||||||
|
{menu2.Children.map((menu3, index3) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
key={`${menu3.Node.ID}_${index3}`}
|
||||||
|
onClick={() => {
|
||||||
|
handleActiveMenu(menu3.Node);
|
||||||
|
}}
|
||||||
title={menu3.Node.NAME}
|
title={menu3.Node.NAME}
|
||||||
>
|
>
|
||||||
<Icon type={menu3.Node.ICON ? menu3.Node.ICON : "file-text"} />
|
<div className="sider__shortMenuShowChild">
|
||||||
|
{/* <Icon
|
||||||
<span>{menu3.Node.NAME}</span>
|
type={"caret-right"}
|
||||||
</MenuItem>
|
className="sider__shortMenuShowChild-iconritwo"
|
||||||
);
|
/> */}
|
||||||
})}
|
<Icon
|
||||||
</SubMenu>
|
type={
|
||||||
);
|
menu3.Node.ICON
|
||||||
})}
|
? menu3.Node.ICON
|
||||||
</SubMenu>
|
: "file-text"
|
||||||
);
|
}
|
||||||
})}
|
className="sider__shortMenuShowChild-icontwo"
|
||||||
</Menu>
|
/>
|
||||||
|
|
||||||
|
<span className="sider__shortMenuShowChild-nametwo">
|
||||||
|
{menu3.Node.NAME}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={toggleCollapsed}
|
</div>
|
||||||
style={{
|
);
|
||||||
marginBottom: 16,
|
})}
|
||||||
display:'flex',
|
|
||||||
alignItems:'center',
|
|
||||||
position:'absolute',
|
|
||||||
right:0,
|
|
||||||
top:'40%',
|
|
||||||
padding:'40px 0px',
|
|
||||||
backgroundColor:'#DEE0E8',
|
|
||||||
borderRadius:'6px',
|
|
||||||
margin:'0px 0px 0px 0px',
|
|
||||||
|
|
||||||
}}>
|
|
||||||
<Icon type={collapsed ? 'right' : 'left'} style={{
|
|
||||||
fontSize:'12px',
|
|
||||||
display:'flex',
|
|
||||||
// alignItems:'right',
|
|
||||||
// justifyContent:'flex-end'
|
|
||||||
}} />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
{/* // )} */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -13,6 +13,18 @@
|
|||||||
.ant-modal {
|
.ant-modal {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.headerInput {
|
||||||
|
.ant-input {
|
||||||
|
border: 1px solid #fff;
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
.ant-input-affix-wrapper .ant-input:not(:first-child) {
|
||||||
|
padding-left: 40px;
|
||||||
|
}
|
||||||
|
.ant-input::placeholder {
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.@{header-prefix} {
|
.@{header-prefix} {
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
@ -72,7 +84,7 @@
|
|||||||
|
|
||||||
&-icon {
|
&-icon {
|
||||||
font-size: 22px !important;
|
font-size: 22px !important;
|
||||||
color: #606266 !important; //f3eded
|
color: #909399 !important; //f3eded
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
position : relative;
|
position : relative;
|
||||||
width : 100%;
|
width : 100%;
|
||||||
height : 100%;
|
height : 100%;
|
||||||
background-color: #f2f2f2;
|
background-color: #f4f7ff;
|
||||||
|
|
||||||
&.float {
|
&.float {
|
||||||
.@{main-prefix}__body {
|
.@{main-prefix}__body {
|
||||||
@ -13,44 +13,51 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__header {
|
|
||||||
position: absolute;
|
|
||||||
top : 0;
|
|
||||||
left : 0;
|
|
||||||
width : 100%;
|
|
||||||
height : 52px;
|
|
||||||
z-index : 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__body {
|
&__body {
|
||||||
position: relative;
|
// position: relative;
|
||||||
width : 100%;
|
width : 100%;
|
||||||
height : 100%;
|
height : 100%;
|
||||||
padding : 52px 0 0 82px;
|
padding : 0px 0 0 100px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
|
&-right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex: 1;
|
||||||
|
width: calc(100% - 100px);
|
||||||
|
}
|
||||||
|
|
||||||
&-sider {
|
&-sider {
|
||||||
// width : 256px;
|
width : auto;
|
||||||
height : ~'calc(100% - 52px)';
|
height : 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
// top : 52px;
|
// top : 52px;
|
||||||
top:52px;
|
// top:52px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left : 0;
|
left : 0;
|
||||||
z-index : 998;
|
z-index : 998;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow : 0 0 8px rgba(0, 0, 0, 0.25);
|
box-shadow : 0 0 8px rgba(0, 0, 0, 0.25);
|
||||||
|
min-width: 90px;
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
&-sider ::-webkit-scrollbar {
|
&-sider ::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
&-header {
|
||||||
|
width : 100%;
|
||||||
|
height : 52px;
|
||||||
|
// z-index : 999;
|
||||||
|
}
|
||||||
&-content {
|
&-content {
|
||||||
width : 100%;
|
width : 100%;
|
||||||
height: 100%;
|
height: ~'calc(100% - 52px)';
|
||||||
flex:1
|
flex:1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
:global {
|
:global {
|
||||||
@opacity-bg : #ffffff;//#f5f5f5菜单背景色
|
@opacity-bg: #55c596; //#f5f5f5菜单背景色
|
||||||
@active-color: #0047FF;
|
@active-color: #0047ff;
|
||||||
@sider-prefix: sider;
|
@sider-prefix: sider;
|
||||||
.ant-menu-inline-collapsed {
|
.ant-menu-inline-collapsed {
|
||||||
.ant-menu-item {
|
.ant-menu-item {
|
||||||
@ -22,7 +22,6 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.ant-menu-inline {
|
.ant-menu-inline {
|
||||||
.ant-menu-submenu {
|
.ant-menu-submenu {
|
||||||
@ -62,34 +61,295 @@
|
|||||||
border-right: 0px;
|
border-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.@{sider-prefix} {
|
.@{sider-prefix} {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
// padding : 0 12px;
|
// padding : 0 12px;
|
||||||
background-color: @opacity-bg;
|
// background-color: @opacity-bg;
|
||||||
transition : width .2s ease;
|
transition: width 0.2s ease;
|
||||||
|
overflow: hidden;
|
||||||
|
// overflow: auto;
|
||||||
// box-shadow : 0 0 10px rgba(0, 0, 0, 0.25);
|
// box-shadow : 0 0 10px rgba(0, 0, 0, 0.25);
|
||||||
|
|
||||||
&.shortMenuShow {
|
&.shortMenuShow {
|
||||||
|
|
||||||
height: 100%;
|
|
||||||
// overflow: auto;
|
|
||||||
// position: relative;
|
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// flex-direction: row;
|
// flex-direction: row;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
&.shortMenuShow_overflow {
|
&.shortMenuShow_overflow {
|
||||||
width: 256;
|
// width: 250px;
|
||||||
overflow: auto;
|
// height: 100%;
|
||||||
height: 100%;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
border-radius: 10px;
|
||||||
|
// min-width: 200px;
|
||||||
// width: ~'calc(100% - 12px)';
|
// width: ~'calc(100% - 12px)';
|
||||||
}
|
}
|
||||||
&.shortMenuShow_overflow::-webkit-scrollbar {
|
&.shortMenuShow_overflow::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
&.shortMenuShow_overflowb {
|
||||||
|
width: 100px;
|
||||||
|
// height: 100%;
|
||||||
|
padding-top: 100px;
|
||||||
|
// display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #55c596;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.shortMenuShow_overflowc {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 100%;
|
||||||
|
width: 900px;
|
||||||
|
border-radius: 0px 10px 10px 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
&.shortMenuShow_overflowcExpand {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 100%;
|
||||||
|
width: 300px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
&.shortMenuShow_sliderChild {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 20px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
&.shortMenuShow_ChildPadding {
|
||||||
|
padding: 60px 10px 40px 10px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
// background-color: #f3f4f6;
|
||||||
|
// background: linear-gradient(
|
||||||
|
// 90deg,
|
||||||
|
// rgba(166, 226, 235, 0.2) 0%,
|
||||||
|
// rgba(127, 190, 171, 0.2) 100%
|
||||||
|
// );
|
||||||
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
#55c596 0%,
|
||||||
|
rgba(166, 226, 235, 0.2) 100%
|
||||||
|
);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
&__outButton {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
}
|
||||||
|
&__shortMenuShowoverca {
|
||||||
|
width: 100%;
|
||||||
|
margin: 15px 0px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
height: auto;
|
||||||
|
&-overc {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
&-overcd {
|
||||||
|
color: #55c596;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 10px 0px #3ea178;
|
||||||
|
}
|
||||||
|
&-title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__shortMenuShowovercae {
|
||||||
|
width: 100%;
|
||||||
|
margin: 15px 0px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
height: auto;
|
||||||
|
&-overc {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
&-overcd {
|
||||||
|
color: #55c596;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 10px 0px #3ea178;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__shortMenuShowoverca:hover {
|
||||||
|
width: 100%;
|
||||||
|
margin: 15px 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
&__shortMenuShowoverca:hover &__shortMenuShowoverca-overcd {
|
||||||
|
color: #55c596;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 10px 0px #3ea178;
|
||||||
|
margin-left: 28px;
|
||||||
|
}
|
||||||
|
&__shortMenuShowoverca:hover &__shortMenuShowoverca-overc {
|
||||||
|
color: #55c596;
|
||||||
|
background-color: #fff;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 10px 10px;
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 10px 0px #3ea178;
|
||||||
|
margin-left: 28px;
|
||||||
|
}
|
||||||
|
&__shortMenuShowoverca:hover &__shortMenuShowoverca-title {
|
||||||
|
display: block;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
position: fixed;
|
||||||
|
height: 44px;
|
||||||
|
left: 72px;
|
||||||
|
padding: 0px 15px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #55c596;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__shortMenuShowGrid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto;
|
||||||
|
grid-template-columns: auto;
|
||||||
|
grid-template-columns: repeat(auto-fill, 170px);
|
||||||
|
justify-content: space-between;
|
||||||
|
// grid-gap: 5px;
|
||||||
|
/* 声明了两行，行高分别为 50px 50px */
|
||||||
|
// grid-template-rows: 50px;
|
||||||
|
margin: 10px 20px 10px 70px;
|
||||||
|
}
|
||||||
|
&__shortMenuShowFlex {
|
||||||
|
background-color: #fff;
|
||||||
|
// border-top: 10px solid #f3f4f6;
|
||||||
|
padding: 30px 0px 20px 0px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-right: 30px;
|
||||||
|
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
&__shortMenuShowChildTwo {
|
||||||
|
line-height: 20px;
|
||||||
|
height: 44px;
|
||||||
|
// background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
&-iconri {
|
||||||
|
font-size: 14px;
|
||||||
|
width: 20px;
|
||||||
|
// background-color: #fff;
|
||||||
|
margin-right: 15px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
&-name {
|
||||||
|
// background-color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #2c5570;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
&-icon {
|
||||||
|
font-size: 20px;
|
||||||
|
// width: 20px;
|
||||||
|
background-color: #d4f4e8;
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #0cbf7c;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
// margin-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__shortMenuShowChild {
|
||||||
|
line-height: 20px;
|
||||||
|
// height: 44px;
|
||||||
|
background-color: #fff;
|
||||||
|
// background: linear-gradient(90deg, rgba(166,226,235,0.2) 0%, rgba(127,190,171,0.2) 100%);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
margin: 10px 0px;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
// justify-content: center;
|
||||||
|
&-icontwo {
|
||||||
|
font-size: 18px;
|
||||||
|
// width: 20px;
|
||||||
|
// background-color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 8px;
|
||||||
|
color: #4791ff;
|
||||||
|
background-color: #e0edff;
|
||||||
|
// margin-left: 70px;
|
||||||
|
}
|
||||||
|
&-nametwo {
|
||||||
|
// background-color: #fff;
|
||||||
|
font-size: 13px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
// color: #2c5570;
|
||||||
|
color: #303133;
|
||||||
|
padding-right: 10px;
|
||||||
|
// font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__shortMenuShowChild:hover {
|
||||||
|
// transform: scale(1.1);
|
||||||
|
transform: translate(-5px , -5px);
|
||||||
|
transition: all 0.5s ease 0s;
|
||||||
|
box-shadow: 5px 5px 15px rgba(67,72,84,0.5);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
&__position {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
&__menuAll,
|
&__menuAll,
|
||||||
&__menu {
|
&__menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -118,7 +378,7 @@
|
|||||||
left: 100%;
|
left: 100%;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
transition : width .2s ease;
|
transition: width 0.2s ease;
|
||||||
background-color: @opacity-bg;
|
background-color: @opacity-bg;
|
||||||
box-shadow: 6px 0 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 6px 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
@ -167,7 +427,7 @@
|
|||||||
|
|
||||||
&-body {
|
&-body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height : ~'calc(100% - 140px)';
|
height: ~"calc(100% - 140px)";
|
||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
|
|
||||||
&--scroll {
|
&--scroll {
|
||||||
@ -210,7 +470,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
||||||
.@{sider-prefix}__menuExpand-menu--itemIcon,
|
.@{sider-prefix}__menuExpand-menu--itemIcon,
|
||||||
.@{sider-prefix}__menuExpand-menu--itemText {
|
.@{sider-prefix}__menuExpand-menu--itemText {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
@ -236,7 +495,7 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #333333; //#333333右侧扩展菜单图标颜色
|
color: #333333; //#333333右侧扩展菜单图标颜色
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
transition : color .2s ease;
|
transition: color 0.2s ease;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
@ -246,7 +505,7 @@
|
|||||||
&Text {
|
&Text {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #333333; //#333333右侧扩展菜单字体颜色
|
color: #333333; //#333333右侧扩展菜单字体颜色
|
||||||
transition: color .2s ease;
|
transition: color 0.2s ease;
|
||||||
&.active {
|
&.active {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
}
|
}
|
||||||
@ -261,7 +520,7 @@
|
|||||||
background-color: @active-color;
|
background-color: @active-color;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition : opacity .2s ease;
|
transition: opacity 0.2s ease;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@ -288,7 +547,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @active-color;;
|
color: @active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -303,7 +562,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
||||||
.@{sider-prefix}__menuExpand-menu--itemIcon,
|
.@{sider-prefix}__menuExpand-menu--itemIcon,
|
||||||
.@{sider-prefix}__menuExpand-menu--itemText {
|
.@{sider-prefix}__menuExpand-menu--itemText {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
@ -315,7 +573,7 @@
|
|||||||
|
|
||||||
&__scrollbars {
|
&__scrollbars {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: ~'calc(100% - 61px)' !important;
|
height: ~"calc(100% - 61px)" !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__menu {
|
&__menu {
|
||||||
@ -323,7 +581,6 @@
|
|||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
||||||
.@{sider-prefix}__menu-icon,
|
.@{sider-prefix}__menu-icon,
|
||||||
.@{sider-prefix}__menu-font--text {
|
.@{sider-prefix}__menu-font--text {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
@ -337,7 +594,7 @@
|
|||||||
&-icon {
|
&-icon {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #333333; //#333333左侧常用菜单图标颜色
|
color: #333333; //#333333左侧常用菜单图标颜色
|
||||||
transition: color .2s ease;
|
transition: color 0.2s ease;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
@ -356,7 +613,7 @@
|
|||||||
color: #333333; //#333333左侧常用菜单字体颜色
|
color: #333333; //#333333左侧常用菜单字体颜色
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
transition : color .2s ease;
|
transition: color 0.2s ease;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: @active-color;
|
color: @active-color;
|
||||||
|
|||||||
3434
src/routes/Home.js
3434
src/routes/Home.js
File diff suppressed because it is too large
Load Diff
@ -482,7 +482,7 @@ class LoginPage extends React.Component {
|
|||||||
<div className="login-page__footer">
|
<div className="login-page__footer">
|
||||||
{/* <img src={require('../assets/login/footer_logo.png')} alt='OPT' /> */}
|
{/* <img src={require('../assets/login/footer_logo.png')} alt='OPT' /> */}
|
||||||
<div className="login-page__footer-copyright">
|
<div className="login-page__footer-copyright">
|
||||||
<p>Copyright ©2022-2023 厦门鸣鹤管理咨询股份有限公司</p>
|
<p>Copyright ©2024-2025 厦门鸣鹤管理咨询股份有限公司</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="login-page__footer-qrcode">
|
<div className="login-page__footer-qrcode">
|
||||||
{/* <img src={require('../assets/login/footer_qrcode.png')} alt='二维码' />
|
{/* <img src={require('../assets/login/footer_qrcode.png')} alt='二维码' />
|
||||||
|
|||||||
@ -1,436 +1,332 @@
|
|||||||
/* 工作台调整样式 */
|
/* 工作台调整样式 */
|
||||||
:global(.dashboard-div-style){
|
:global(.home-rate) {
|
||||||
|
width: calc(50% - 10px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-Width: "320px",
|
||||||
|
}
|
||||||
|
:global(.home-userInfo-tabs) {
|
||||||
|
background-color: #eefff8;
|
||||||
|
color: #55c596;
|
||||||
|
padding: 3px 10px;
|
||||||
|
border-radius: 15px;
|
||||||
|
border: 1px solid #55c596;
|
||||||
|
}
|
||||||
|
:global(.home-userInfo-card) {
|
||||||
|
height: 50%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 0px;
|
||||||
|
}
|
||||||
|
:global(.home-userInfo) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #fafafa;
|
||||||
|
padding: 10px 30px 10px 10px;
|
||||||
|
height: 100%;
|
||||||
|
justify-content: space-between;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color:white;
|
width: calc(25% - 10px);
|
||||||
min-height: 20px;
|
|
||||||
}
|
}
|
||||||
:global(.redTableCell){
|
:global(.home-userInfo-pad) {
|
||||||
background: #e6f7ff;
|
|
||||||
}
|
|
||||||
:global(.bi001-table){
|
|
||||||
:global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td){
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.slide-style){
|
|
||||||
/* margin-bottom: 10px; */
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
|
||||||
color:#de4e58;
|
|
||||||
/* -webkit-text-stroke: #E38C7A 1px; */
|
|
||||||
/* padding-left:30px; */
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
:global(.slide-icon-style){
|
|
||||||
/* padding: 0px 20px; */
|
|
||||||
margin-right: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.slide-content){
|
|
||||||
margin-bottom: 10px;
|
|
||||||
background: #ffffff;
|
|
||||||
/* padding-left:30px; */
|
|
||||||
padding: 0px 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius:4px;
|
|
||||||
height:50px;
|
|
||||||
line-height:50px;
|
|
||||||
/* border:1px solid red; */
|
|
||||||
/* overflow:hidden; */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);
|
|
||||||
/* min-width: 100px; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.slide-text-style){
|
:global(.home-userInfo-Icon) {
|
||||||
position:relative;
|
font-size: 16px;
|
||||||
display:inline-block;
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
:global(.home-userInfo-title) {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #303133;
|
||||||
|
font-weight: bold;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
animation: slide-text-style 20s linear 1s infinite ;
|
|
||||||
width:'auto';
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
}
|
||||||
|
:global(.home-userInfo-content) {
|
||||||
@keyframes slide-text-style{
|
font-size: 20px;
|
||||||
0%{margin-left:100%;}
|
|
||||||
100%{margin-left:-1200px;}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
:global(.slick-prev){
|
|
||||||
padding: 2px 0px 0px 0px !important;
|
|
||||||
}
|
|
||||||
:global(.slick-next){
|
|
||||||
padding: 2px 0px 0px 0px !important;
|
|
||||||
}
|
|
||||||
:global(.slick-dots){
|
|
||||||
position: absolute!important;
|
|
||||||
bottom: 20px!important;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
:global(.slick-prev){
|
|
||||||
background-color: rgb(50,150,250) !important;
|
|
||||||
left: 8px !important;
|
|
||||||
z-index: 100 !important;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
:global(.slick-next){
|
|
||||||
background-color: rgb(50,150,250) !important;
|
|
||||||
right: 8px !important;
|
|
||||||
z-index: 100 !important;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.score-title-style){
|
|
||||||
font-size: 14pt;
|
|
||||||
padding-top: 18px;
|
|
||||||
color: red;
|
|
||||||
text-align: center;
|
|
||||||
min-width: 110px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.score-num-style){
|
|
||||||
font-size: 60pt;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 14px;
|
white-space: nowrap;
|
||||||
color: white;
|
/* margin-right: 20px; */
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
:global(.home-always-title) {
|
||||||
:global(.score-icon-style){
|
|
||||||
font-size: 30pt;
|
|
||||||
margin-top: -64px;
|
|
||||||
color: white;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.backlog-title-style){
|
|
||||||
font-size: 14pt;
|
|
||||||
margin-left: 22px;
|
|
||||||
padding-top: 10px;
|
|
||||||
color: white;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
}
|
|
||||||
:global(.backlog-icontitle-style){
|
|
||||||
font-size: 32px;
|
|
||||||
margin-left: 22px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-icontitle-style1){
|
|
||||||
font-size: 32px;
|
|
||||||
margin-left: 24px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-icontitle-style2){
|
|
||||||
font-size: 32px;
|
|
||||||
margin-left: 18px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-icontitle-style3){
|
|
||||||
font-size: 32px;
|
|
||||||
margin-left: 22px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-icontitle-style4){
|
|
||||||
font-size: 32px;
|
|
||||||
margin-left: 18px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
margin-top: 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-icon-score){
|
|
||||||
font-size: 32px;
|
|
||||||
/* margin-left: 22px; */
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
/* margin-top: 22px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.backlog-title-score){
|
|
||||||
font-size: 14pt;
|
|
||||||
margin-left: 12px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.backlog-scoretitle-style){
|
|
||||||
font-size: 32px;
|
|
||||||
/* margin-left: 22px; */
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: white;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
/* margin-top: 20px; */
|
|
||||||
margin: 9px 0px 9px 22px;
|
|
||||||
}
|
|
||||||
:global(.backlog-score-wrap){
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: space-between;
|
||||||
margin: 20px 0px 0px 0px;
|
padding: 10px 10px 10px 0px;
|
||||||
}
|
}
|
||||||
|
:global(.home-always-left) {
|
||||||
|
|
||||||
:global(.backlog-icon-title){
|
|
||||||
font-size: 14pt;
|
|
||||||
margin-left: 10px;
|
|
||||||
/* padding-top: 10px; */
|
|
||||||
color: #333333;
|
|
||||||
/* min-width: 120px; */
|
|
||||||
/* margin-top: 22px; */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
:global(.backlog-background-style){
|
:global(.home-always-badge) {
|
||||||
background: linear-gradient(135deg, #75baf3,#2177d5);
|
width: 4px;
|
||||||
|
height: 19px;
|
||||||
|
background-color: #4f69e9;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
:global(.backlog-background-style1){
|
:global(.home-always-name) {
|
||||||
background: linear-gradient(135deg, #ffa94d,#f76707);
|
font-size: 14px;
|
||||||
}
|
color: #303133;
|
||||||
:global(.backlog-background-style2){
|
|
||||||
background:linear-gradient(135deg, #99ca6e,#48a447);
|
|
||||||
/* linear-gradient(135deg, #aab5e2,#5f6ac2); */
|
|
||||||
}
|
|
||||||
:global(.backlog-background-style3){
|
|
||||||
background: linear-gradient(135deg, #ffe066,#fcc419);
|
|
||||||
}
|
|
||||||
:global(.backlog-background-style4){
|
|
||||||
background: linear-gradient(135deg, rgb(245, 121, 118),#c92a2a);
|
|
||||||
/*#ea9a99,#de4e58 */
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.backlog-title-style2){
|
|
||||||
font-size: 12pt;
|
|
||||||
margin-left: 10px;
|
|
||||||
padding-top: 2px;
|
|
||||||
color: white;
|
|
||||||
min-width: 500px;
|
|
||||||
}
|
|
||||||
:global(.backlog-style){
|
|
||||||
font-size: 28pt;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left:22px;
|
|
||||||
color: white;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
}
|
||||||
:global(.backlog-style-score){
|
:global(.home-always-icon) {
|
||||||
|
color: #909399;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
/* margin-left:22px; */
|
:global(.badge-style) {
|
||||||
color: white;
|
|
||||||
/* margin-top: 5px; */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
}
|
||||||
padding: 20px 0px 20px 0px;
|
|
||||||
|
:global(.home-tech-col) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.home-tech-back) {
|
||||||
|
background-color: #fafafa;
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12) ;
|
||||||
|
}
|
||||||
|
:global(.home-tech-icon) {
|
||||||
|
font-size: 30px;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
:global(.home-tech-name) {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #303133;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
:global(.home-row) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: calc(35% - 70px);
|
||||||
font-size: 38pt;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
:global(.score-title){
|
|
||||||
font-size: 16pt;
|
|
||||||
/* font-weight: bold; */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
padding: 0px 20px;
|
||||||
/* margin-left:22px; */
|
|
||||||
}
|
|
||||||
:global(.score-content){
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
:global(.score-num){
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 16pt;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
:global(.backlog-style4){
|
|
||||||
font-size: 28pt;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left:22px;
|
|
||||||
color: white;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
:global(.backlog-style2){
|
|
||||||
font-size: 20pt;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left:10px;
|
|
||||||
color: white;
|
|
||||||
margin-top: -8px;
|
|
||||||
}
|
|
||||||
:global(.backlog-style3){
|
|
||||||
font-size: 16pt;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left:10px;
|
|
||||||
color: white;
|
|
||||||
margin-top: -8px;
|
|
||||||
}
|
|
||||||
:global(.notice-title-style){
|
|
||||||
color: rgb(255, 255, 255);
|
|
||||||
font-size: 16pt;
|
|
||||||
margin-left: 20px;
|
|
||||||
padding-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.notice-title-style span){
|
|
||||||
float: right;
|
|
||||||
margin-right: 48px;
|
|
||||||
font-size: 14pt;
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.notice-content-style ){
|
|
||||||
color: white;
|
|
||||||
line-height: 38px;
|
|
||||||
margin-left: 20px;
|
|
||||||
margin-top: 20px;
|
|
||||||
font-size: 12pt;
|
|
||||||
}
|
|
||||||
:global(.notice-content-style span){
|
|
||||||
margin-right: 16px;
|
|
||||||
}
|
|
||||||
:global(.statistical-title-style){
|
|
||||||
border-bottom: 1px solid #d9d9d9;
|
|
||||||
color: #333333;
|
|
||||||
font-size: 18px;
|
|
||||||
padding: 8px 0px 8px 20px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
:global(.statistical-title-style2){
|
:global(.home-rank) {
|
||||||
border-bottom: 1px solid #d9d9d9;
|
display: flex;
|
||||||
color: #333333;
|
flex-direction: row;
|
||||||
font-size: 14px;
|
align-items: center;
|
||||||
padding: 8px 0px 0px 20px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
:global(.badge-style){
|
:global(.home-rank-index) {
|
||||||
/* background: #ffffff;
|
width: 30px;
|
||||||
border: 2px solid #5f6ac2;
|
height: 30px;
|
||||||
width: 8px;
|
margin-right: 40px;
|
||||||
height: 8px;
|
color: #eac088;
|
||||||
border-radius: 8px;
|
font-size: 12px;
|
||||||
margin-right:8px;
|
display: flex;
|
||||||
display:inline-block;
|
align-items: center;
|
||||||
position: relative;
|
justify-content: center;
|
||||||
top: -2px; */
|
}
|
||||||
|
:global(.home-rank-name) {
|
||||||
|
color: #303133;
|
||||||
|
font-size: 13px;
|
||||||
|
margin-right: 40px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
:global(.home-img) {
|
||||||
|
object-fit: contain;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
:global(.home-rank > .ant-progress .ant-progress-text) {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
:global(.home-job-title) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
:global(.home-job-icon) {
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
:global(.home-job-content) {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: auto;
|
||||||
|
grid-template-columns: auto;
|
||||||
|
grid-template-columns: repeat(auto-fill, 30%);
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0px 16px 16px 16px;
|
||||||
|
}
|
||||||
|
:global(.home-work-wrap) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 10px 20px;
|
||||||
|
/* background-color: #fafafa; */
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: url("./../assets/home/prepare2.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
/* align-items: center; */
|
||||||
|
}
|
||||||
|
:global(.home-work-wrap-overtime) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 10px 20px;
|
||||||
|
/* background-color: #fafafa; */
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: url("./../assets/home/overtime.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
/* align-items: center; */
|
||||||
|
}
|
||||||
|
:global(.home-work-wrap-over) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 10px 20px;
|
||||||
|
/* background-color: #fafafa; */
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: url("./../assets/home/over.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
/* align-items: center; */
|
||||||
|
}
|
||||||
|
:global(.home-work-wrap-warn) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 10px 20px;
|
||||||
|
/* background-color: #fafafa; */
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: url("./../assets/home/warn.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
/* align-items: center; */
|
||||||
|
}
|
||||||
|
:global(.home-work-more) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 10px 25px;
|
||||||
|
/* background-color: #fafafa; */
|
||||||
|
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
align-items: center;
|
||||||
|
color: #2177d5;
|
||||||
|
font-size: 13px;
|
||||||
|
white-space: nowrap;
|
||||||
|
border-radius: 15px;
|
||||||
|
/* font-weight: bold; */
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
:global(.home-more-icon) {
|
||||||
|
font-size: 12px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
:global(.home-work-icon) {
|
||||||
|
padding: 3px 5px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
:global(.home-work-right) {
|
||||||
|
white-space: nowrap;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: calc(100% - 71px);
|
||||||
|
}
|
||||||
|
:global(.home-work-top) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
:global(.home-work-type-red) {
|
||||||
|
background-color: #ffeff0;
|
||||||
|
color: #ff3838;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
:global(.home-work-type-yellow) {
|
||||||
|
background-color: #fff8ee;
|
||||||
|
color: #ffab2b;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
:global(.home-work-type-black) {
|
||||||
|
background-color: #eef5ff;
|
||||||
|
color: #55a0f7;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
:global(.home-work-type-green) {
|
||||||
|
background-color: #eef6eb;
|
||||||
|
color: #6dd230;
|
||||||
|
padding: 3px 8px;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
:global(.home-work-person) {
|
||||||
|
color: #606266;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 3px 8px;
|
||||||
|
}
|
||||||
|
:global(.home-work-title) {
|
||||||
|
font-size: 15px;
|
||||||
|
color: #303133;
|
||||||
|
padding: 5px 0px;
|
||||||
|
font-weight: bold;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
:global(.home-work-date) {
|
||||||
|
color: #909399;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
:global(.home-work-detail) {
|
||||||
|
color: #2177d5;
|
||||||
|
font-size: 13px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
:global(.home-chart) {
|
||||||
|
display: flex;
|
||||||
|
height: 100%;
|
||||||
|
width: calc(50% - 10px);
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
min-width: 674px;
|
||||||
|
}
|
||||||
|
:global(.home-setting) {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
:global(.backlog-icon-style){
|
:global(.home-setting-icon) {
|
||||||
position: relative;
|
color: #909399;
|
||||||
top: -2px;
|
padding: 4px;
|
||||||
margin-left: 45%;
|
|
||||||
width: 30px;
|
|
||||||
}
|
}
|
||||||
:global(.backlog-icon-style2){
|
:global(.home-setting-icon):hover {
|
||||||
position: relative;
|
color: #909399;
|
||||||
/* top: -2px; */
|
background-color: #f3f4f6;
|
||||||
/* width: 10px; */
|
padding: 4px;
|
||||||
}
|
border-radius: 5px;
|
||||||
:global(.backlog-icon-style3){
|
box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.1);
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
margin-left: calc(50% - 20px);
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
border-right: 20px solid transparent;
|
|
||||||
border-top: 10px solid #3b8bde;
|
|
||||||
}
|
|
||||||
:global(.backlog-icon-style4){
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
margin-left: calc(50% - 20px);
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
border-right: 20px solid transparent;
|
|
||||||
border-top: 10px solid #fa7b1c;
|
|
||||||
}
|
|
||||||
:global(.backlog-icon-style5){
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
margin-left: calc(50% - 20px);
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
border-right: 20px solid transparent;
|
|
||||||
border-top: 10px solid #5faf52;
|
|
||||||
}
|
|
||||||
:global(.backlog-icon-style6){
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
margin-left: calc(50% - 20px);
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
border-right: 20px solid transparent;
|
|
||||||
border-top: 10px solid #fdcc2e;
|
|
||||||
}
|
|
||||||
:global(.backlog-icon-style7){
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
margin-left: calc(50% - 20px);
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20px solid transparent;
|
|
||||||
border-right: 20px solid transparent;
|
|
||||||
border-top: 10px solid #c92a2a;
|
|
||||||
}
|
|
||||||
.sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title){
|
|
||||||
padding: 0 10px !important;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sideContent :global(.ant-menu-inline-collapsed){
|
|
||||||
width: inherit!important;
|
|
||||||
}
|
|
||||||
.IndexPageTabs{
|
|
||||||
background-color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.IndexPageTabs :global(.ant-tabs-bar){
|
|
||||||
background-color: #ecf4f6;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
/* :global(.header .IndexPage__loginMenu___xUJI4 span) {
|
|
||||||
vertical-align: baseline!important;
|
|
||||||
} */
|
|
||||||
:global(.ant-select-combobox .ant-select-search__field) {
|
|
||||||
z-index: auto!important;
|
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user