pu428f3pz
/
datacenter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改界面2

Browse Source
dev
陈博文 3 years ago
parent 19a64db035
commit 7ae1438d8b
11 changed files with 74 additions and 15 deletions
Show Stats Download Patch File Download Diff File

11
src/pages/Manager/BasicManager/index.tsx
Unescape View File

@ -25,6 +25,11 @@ const Page = ({ ...props }) => {
name: '厂商信息管理',
key: '/manufacturer',
},
{
icon: 'iconfont icon-tongji',
name: '信息统计',
key: '2',
},
];
return (
@ -34,7 +39,11 @@ const Page = ({ ...props }) => {
<div
key={e.key}
className={pathname?.includes(e.key) ? styles.active : ''}
onClick={() => history.push(`/manager/basicManager${e.key}`)}
onClick={() => {
if (e.key !== '2') {
history.push(`/manager/basicManager${e.key}`);
}
}}
>
<b />
<i className={e.icon} />

16
src/pages/Manager/Header/index.tsx
Unescape View File

@ -32,6 +32,16 @@ const Header = ({ ...props }) => {
name: '基础设施管理',
url: '/manager/basicManager/register',
},
{
id: '11',
name: '任务管理',
url: '',
},
{
id: '22',
name: '系统配置管理',
url: '',
},
];
return (
<Fragment>
@ -44,7 +54,11 @@ const Header = ({ ...props }) => {
<li
className={pathname?.includes(e.id) ? styles.active : ''}
key={e.id}
onClick={() => history.push(e.url)}
onClick={() => {
if (e.url) {
history.push(e.url);
}
}}
>
<span>{e.name}</span>
<b />

35
src/styles/iconfont/demo_index.html
Unescape View File

@ -54,6 +54,12 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe89e;</span>
<div class="name">统计</div>
<div class="code-name">&amp;#xe89e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9e3;</span>
<div class="name">批量删除备份</div>
@ -384,12 +390,12 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.eot?t=1662519548491'); /* IE9 */
src: url('iconfont.eot?t=1662519548491#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1662519548491') format('woff2'),
url('iconfont.woff?t=1662519548491') format('woff'),
url('iconfont.ttf?t=1662519548491') format('truetype'),
url('iconfont.svg?t=1662519548491#iconfont') format('svg');
src: url('iconfont.eot?t=1663756037950'); /* IE9 */
src: url('iconfont.eot?t=1663756037950#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1663756037950') format('woff2'),
url('iconfont.woff?t=1663756037950') format('woff'),
url('iconfont.ttf?t=1663756037950') format('truetype'),
url('iconfont.svg?t=1663756037950#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -415,6 +421,15 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-tongji"></span>
<div class="name">
统计
</div>
<div class="code-name">.icon-tongji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-piliangshanchubeifen"></span>
<div class="name">
@ -910,6 +925,14 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tongji"></use>
</svg>
<div class="name">统计</div>
<div class="code-name">#icon-tongji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-piliangshanchubeifen"></use>

16
src/styles/iconfont/iconfont.css
Unescape View File

@ -1,11 +1,11 @@
@font-face {
font-family: "iconfont"; /* Project id 3579477 */
src: url('iconfont.eot?t=1662519548491'); /* IE9 */
src: url('iconfont.eot?t=1662519548491#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1662519548491') format('woff2'),
url('iconfont.woff?t=1662519548491') format('woff'),
url('iconfont.ttf?t=1662519548491') format('truetype'),
url('iconfont.svg?t=1662519548491#iconfont') format('svg');
src: url('iconfont.eot?t=1663756037950'); /* IE9 */
src: url('iconfont.eot?t=1663756037950#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff2?t=1663756037950') format('woff2'),
url('iconfont.woff?t=1663756037950') format('woff'),
url('iconfont.ttf?t=1663756037950') format('truetype'),
url('iconfont.svg?t=1663756037950#iconfont') format('svg');
}
.iconfont {
@ -16,6 +16,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-tongji:before {
content: "\e89e";
}
.icon-piliangshanchubeifen:before {
content: "\e9e3";
}

BIN
src/styles/iconfont/iconfont.eot
View File

Binary file not shown.

2
src/styles/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

7
src/styles/iconfont/iconfont.json
Unescape View File

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "10520233",
"name": "统计",
"font_class": "tongji",
"unicode": "e89e",
"unicode_decimal": 59550
},
{
"icon_id": "27904347",
"name": "批量删除备份",

2
src/styles/iconfont/iconfont.svg
Unescape View File

@ -14,6 +14,8 @@
/>
<missing-glyph />
<glyph glyph-name="tongji" unicode="&#59550;" d="M1008.241778-44.714667c0-20.992-18.432-38.115556-40.049778-38.115555H62.179556A38.912 38.912 0 0 0 22.755556-44.714667C22.755556-23.665778 40.561778-6.542222 62.179556-6.542222H968.248889c21.617778 0 40.049778-17.180444 40.049778-38.115556M896.341333 705.592889c22.243556 0 40.049778-17.180444 40.049778-38.115556v-578.56c0-21.048889-17.806222-38.229333-40.049778-38.229333h-166.570666a38.968889 38.968889 0 0 0-39.424 38.172444V667.420444c0 21.048889 17.806222 38.172444 39.424 38.172445h166.570666z m-127.146666-578.56h87.722666v502.328889h-87.722666v-502.328889zM598.812444 572.074667c21.617778 0 39.424-17.180444 39.424-38.115556v-445.098667a38.968889 38.968889 0 0 0-39.424-38.115555h-167.253333a38.968889 38.968889 0 0 0-39.367111 38.115555V533.902222c0 21.048889 17.806222 38.172444 39.367111 38.172445h167.253333z m-127.146666-445.098667h87.096889V495.729778H471.665778v-368.753778zM300.600889 839.111111c21.617778 0 40.049778-17.180444 40.049778-38.115555v-712.135112c0-20.992-18.432-38.115556-40.049778-38.115555H133.404444a38.968889 38.968889 0 0 0-39.424 38.115555V800.995556c0 21.048889 17.806222 38.172444 39.424 38.172444h167.196445zM173.454222 126.976H260.551111V762.88H173.454222v-635.847111z" horiz-adv-x="1024" />
<glyph glyph-name="piliangshanchubeifen" unicode="&#59875;" d="M0 676.571429h1024v-73.142858H0zM899.657143-128H124.342857V618.057143h73.142857V-54.857143h629.028572V618.057143h73.142857zM292.571429 896h438.857142v-73.142857H292.571429zM358.4 618.057143h73.142857v-709.485714h-73.142857zM592.457143 618.057143h73.142857v-709.485714h-73.142857z" horiz-adv-x="1024" />
<glyph glyph-name="bianji10" unicode="&#59979;" d="M936.228571 384H877.714286c-7.314286 0-7.314286-7.314286-7.314286-7.314286v-351.085714H153.6V742.4h351.085714L512 749.714286v65.828571V822.857143H109.714286c-7.314286 0-21.942857 0-29.257143-7.314286s-7.314286-21.942857-7.314286-29.257143v-804.571428c0-14.628571 14.628571-36.571429 36.571429-36.571429h804.571428c7.314286 0 14.628571 7.314286 21.942857 7.314286 7.314286 7.314286 7.314286 14.628571 7.314286 21.942857V376.685714c7.314286 7.314286 0 7.314286-7.314286 7.314286zM336.457143 362.057143v-131.657143c0-7.314286 0-7.314286 7.314286-14.628571s7.314286-7.314286 14.628571-7.314286H497.371429L950.857143 661.942857V676.571429l-138.971429 146.285714h-14.628571L336.457143 362.057143c7.314286 0 0 0 0 0z m73.142857-29.257143L804.571429 727.771429l51.2-51.2-394.971429-387.657143h-51.2v43.885714z" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 45 KiB

BIN
src/styles/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
src/styles/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
src/styles/iconfont/iconfont.woff2
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save