monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit 08216b8b8f0dc84ed62136b971878967a163cb84 1 parent cbd2c281

图标更新

Inline Side-by-side
Showing 8 changed files with 512 additions and 279 deletions
... ... @@ -215,35 +215,35 @@
margin: 1em 0;
}
.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul {
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul > li {
.markdown ul>li {
list-style: circle;
}
.markdown > ul li,
.markdown blockquote ul > li {
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown > ul li p,
.markdown > ol li p {
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol > li {
.markdown ol>li {
list-style: decimal;
}
.markdown > ol li,
.markdown blockquote ol > li {
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
... ... @@ -260,7 +260,7 @@
font-weight: 600;
}
.markdown > table {
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
... ... @@ -269,20 +269,20 @@
margin-bottom: 24px;
}
.markdown > table th {
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown > table th,
.markdown > table td {
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown > table th {
.markdown>table th {
background: #F7F7F7;
}
... ... @@ -318,8 +318,8 @@
display: inline-block;
}
.markdown > br,
.markdown > p > br {
.markdown>br,
.markdown>p>br {
clear: both;
}
... ... @@ -453,13 +453,13 @@ pre[class*="language-"] {
overflow: auto;
}
:not(pre) > code[class*="language-"],
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
... ...
... ... @@ -3,14 +3,11 @@
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
rel="shortcut icon"
type="image/x-icon"/>
<link href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" rel="icon"
type="image/svg+xml"/>
<link href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" rel="stylesheet">
<link href="demo.css" rel="stylesheet">
<link href="iconfont.css" rel="stylesheet">
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
... ... @@ -38,21 +35,19 @@
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" target="_blank" title="iconfont 首页">
<img src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
width="200">
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul class="dib-box" id="tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a class="nav-more" href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2843738"
target="_blank">查看项目</a>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2843738" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
... ... @@ -60,6 +55,48 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">提示</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec1e;</span>
<div class="name">点</div>
<div class="code-name">&amp;#xec1e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c4;</span>
<div class="name">216更多-竖向</div>
<div class="code-name">&amp;#xe8c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67b;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe908;</span>
<div class="name">邮箱</div>
<div class="code-name">&amp;#xe908;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb42;</span>
<div class="name">短信群发</div>
<div class="code-name">&amp;#xeb42;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea6f;</span>
<div class="name">业务资源拓扑</div>
<div class="code-name">&amp;#xea6f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb67;</span>
<div class="name">仪表盘</div>
<div class="code-name">&amp;#xeb67;</div>
... ... @@ -1412,17 +1449,17 @@
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1639498542236') format('woff2'),
url('iconfont.woff?t=1639498542236') format('woff'),
url('iconfont.ttf?t=1639498542236') format('truetype');
src: url('iconfont.woff2?t=1659325108758') format('woff2'),
url('iconfont.woff?t=1659325108758') format('woff'),
url('iconfont.ttf?t=1659325108758') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
... ... @@ -1431,7 +1468,7 @@
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
... ... @@ -1444,6 +1481,69 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-tishi"></span>
<div class="name">
提示
</div>
<div class="code-name">.icon-tishi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dian"></span>
<div class="name">
点
</div>
<div class="code-name">.icon-dian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo-shuxiang"></span>
<div class="name">
216更多-竖向
</div>
<div class="code-name">.icon-gengduo-shuxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youxiang"></span>
<div class="name">
邮箱
</div>
<div class="code-name">.icon-youxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duanxinqunfa"></span>
<div class="name">
短信群发
</div>
<div class="code-name">.icon-duanxinqunfa
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yewuziyuantuopu"></span>
<div class="name">
业务资源拓扑
</div>
<div class="code-name">.icon-yewuziyuantuopu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yibiaopan"></span>
<div class="name">
仪表盘
... ... @@ -3463,10 +3563,10 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
... ... @@ -3478,7 +3578,63 @@
<ul class="icon_lists dib-box">
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishi"></use>
</svg>
<div class="name">提示</div>
<div class="code-name">#icon-tishi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dian"></use>
</svg>
<div class="name">点</div>
<div class="code-name">#icon-dian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo-shuxiang"></use>
</svg>
<div class="name">216更多-竖向</div>
<div class="code-name">#icon-gengduo-shuxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-weixin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youxiang"></use>
</svg>
<div class="name">邮箱</div>
<div class="code-name">#icon-youxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duanxinqunfa"></use>
</svg>
<div class="name">短信群发</div>
<div class="code-name">#icon-duanxinqunfa</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yewuziyuantuopu"></use>
</svg>
<div class="name">业务资源拓扑</div>
<div class="code-name">#icon-yewuziyuantuopu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yibiaopan"></use>
</svg>
<div class="name">仪表盘</div>
... ... @@ -3486,7 +3642,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nginx"></use>
</svg>
<div class="name">nginx</div>
... ... @@ -3494,7 +3650,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianya"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3502,7 +3658,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujujiekou"></use>
</svg>
<div class="name">数据接口</div>
... ... @@ -3510,7 +3666,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xudianchizu"></use>
</svg>
<div class="name">蓄电池组</div>
... ... @@ -3518,7 +3674,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat2"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -3526,7 +3682,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3534,7 +3690,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianyabiao"></use>
</svg>
<div class="name">电压表</div>
... ... @@ -3542,7 +3698,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suzhuji"></use>
</svg>
<div class="name">宿主机</div>
... ... @@ -3550,7 +3706,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao1"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3558,7 +3714,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3566,7 +3722,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -3574,7 +3730,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan1"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3582,7 +3738,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuehua"></use>
</svg>
<div class="name">雪花</div>
... ... @@ -3590,7 +3746,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aliyun"></use>
</svg>
<div class="name">阿里云</div>
... ... @@ -3598,7 +3754,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao2"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3606,7 +3762,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan2"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3614,7 +3770,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3622,7 +3778,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu1"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3630,7 +3786,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-CADshezhi"></use>
</svg>
<div class="name">CAD设置</div>
... ... @@ -3638,7 +3794,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-EPStubiao"></use>
</svg>
<div class="name">EPS图标</div>
... ... @@ -3646,7 +3802,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-webLogic"></use>
</svg>
<div class="name">webLogic</div>
... ... @@ -3654,7 +3810,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji1"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3662,7 +3818,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji1"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -3670,7 +3826,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guangyuwang"></use>
</svg>
<div class="name">广域网</div>
... ... @@ -3678,7 +3834,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangguanshezhi"></use>
</svg>
<div class="name">网关设置</div>
... ... @@ -3686,7 +3842,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sanjiaohuanji"></use>
</svg>
<div class="name">san交换机</div>
... ... @@ -3694,7 +3850,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Redis1"></use>
</svg>
<div class="name">Redis</div>
... ... @@ -3702,7 +3858,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi3"></use>
</svg>
<div class="name">电池</div>
... ... @@ -3710,7 +3866,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji2"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3718,7 +3874,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji3"></use>
</svg>
<div class="name">小型机服务器</div>
... ... @@ -3726,7 +3882,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dns"></use>
</svg>
<div class="name">dns</div>
... ... @@ -3734,7 +3890,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3742,7 +3898,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujuku"></use>
</svg>
<div class="name">数据库</div>
... ... @@ -3750,7 +3906,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuehua1"></use>
</svg>
<div class="name">雪花</div>
... ... @@ -3758,7 +3914,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao3"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3766,7 +3922,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifang"></use>
</svg>
<div class="name">机房</div>
... ... @@ -3774,7 +3930,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eps"></use>
</svg>
<div class="name">eps</div>
... ... @@ -3782,7 +3938,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sharpicons_snowflake"></use>
</svg>
<div class="name">sharpicons_snowflake</div>
... ... @@ -3790,7 +3946,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-SANjiaohuanji"></use>
</svg>
<div class="name">SAN交换机</div>
... ... @@ -3798,7 +3954,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi4"></use>
</svg>
<div class="name">电池</div>
... ... @@ -3806,7 +3962,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianyabiao1"></use>
</svg>
<div class="name">电压表</div>
... ... @@ -3814,7 +3970,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu2"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3822,7 +3978,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hengban-huaweiyun-quanbu"></use>
</svg>
<div class="name">横版-华为云-全部</div>
... ... @@ -3830,7 +3986,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-UPS"></use>
</svg>
<div class="name">UPS</div>
... ... @@ -3838,7 +3994,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan1"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3846,7 +4002,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3854,7 +4010,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi-wu"></use>
</svg>
<div class="name">电池 - 无</div>
... ... @@ -3862,7 +4018,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqi"></use>
</svg>
<div class="name">ecs云服务器</div>
... ... @@ -3870,7 +4026,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ups"></use>
</svg>
<div class="name">ups</div>
... ... @@ -3878,7 +4034,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mysqlshujukumgrban"></use>
</svg>
<div class="name">mysql数据库(mgr版)</div>
... ... @@ -3886,7 +4042,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianya1"></use>
</svg>
<div class="name">电压</div>
... ... @@ -3894,7 +4050,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-VMware"></use>
</svg>
<div class="name">VMware</div>
... ... @@ -3902,7 +4058,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yibiaopan1"></use>
</svg>
<div class="name">仪表盘</div>
... ... @@ -3910,7 +4066,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqiECS"></use>
</svg>
<div class="name">ecs 云服务器ECS</div>
... ... @@ -3918,7 +4074,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqiECS1"></use>
</svg>
<div class="name">ecs 云服务器ECS</div>
... ... @@ -3926,7 +4082,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruqinjiance1"></use>
</svg>
<div class="name">入侵检测</div>
... ... @@ -3934,7 +4090,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongxiangcunchu"></use>
</svg>
<div class="name">共享存储</div>
... ... @@ -3942,7 +4098,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu1"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3950,7 +4106,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-huaweiyunxuniji"></use>
</svg>
<div class="name">icon-华为云虚拟机</div>
... ... @@ -3958,7 +4114,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-MySQLshujuku"></use>
</svg>
<div class="name">MySQL数据库</div>
... ... @@ -3966,7 +4122,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Internet-yunzhuangjiedian"></use>
</svg>
<div class="name">Internet-云状节点</div>
... ... @@ -3974,7 +4130,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Internet-yunzhuangjiedian1"></use>
</svg>
<div class="name">Internet-云状节点</div>
... ... @@ -3982,7 +4138,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan2"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3990,7 +4146,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-KAFAKA"></use>
</svg>
<div class="name">KAFAKA</div>
... ... @@ -3998,7 +4154,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongjiqi"></use>
</svg>
<div class="name">中继器</div>
... ... @@ -4006,7 +4162,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangguan"></use>
</svg>
<div class="name">网关</div>
... ... @@ -4014,7 +4170,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm-full"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4022,7 +4178,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4030,7 +4186,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-blood-full"></use>
</svg>
<div class="name">血,血液,水,水滴</div>
... ... @@ -4038,7 +4194,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mianxingbaojingdengtubiao"></use>
</svg>
<div class="name">面性报警灯图标</div>
... ... @@ -4046,7 +4202,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi2"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4054,7 +4210,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenqu"></use>
</svg>
<div class="name">分区</div>
... ... @@ -4062,7 +4218,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji2"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -4070,7 +4226,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujukucaozuo-chaxunmysqlshujuku"></use>
</svg>
<div class="name">数据库操作-查询mysql数据库</div>
... ... @@ -4078,7 +4234,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifang1"></use>
</svg>
<div class="name">机房</div>
... ... @@ -4086,7 +4242,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuanyongsuzhuji"></use>
</svg>
<div class="name">专用宿主机</div>
... ... @@ -4094,7 +4250,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-danxingwangka"></use>
</svg>
<div class="name">弹性网卡</div>
... ... @@ -4102,7 +4258,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliwangkaduankou"></use>
</svg>
<div class="name">物理网卡端口</div>
... ... @@ -4110,7 +4266,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangluoruqinjiance"></use>
</svg>
<div class="name">网络入侵检测</div>
... ... @@ -4118,7 +4274,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiansuanxudianchizu"></use>
</svg>
<div class="name">铅酸蓄电池组</div>
... ... @@ -4126,7 +4282,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-UPS1"></use>
</svg>
<div class="name">UPS</div>
... ... @@ -4134,7 +4290,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guangyuwangxianlu"></use>
</svg>
<div class="name">广域网线路</div>
... ... @@ -4142,7 +4298,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliwangka"></use>
</svg>
<div class="name">物理网卡</div>
... ... @@ -4150,7 +4306,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Nginx"></use>
</svg>
<div class="name">Nginx</div>
... ... @@ -4158,7 +4314,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Weblogic"></use>
</svg>
<div class="name">Weblogic</div>
... ... @@ -4166,7 +4322,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-TOMCAT"></use>
</svg>
<div class="name">TOMCAT</div>
... ... @@ -4174,7 +4330,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wulifuwuqi1"></use>
</svg>
<div class="name">物理服务器</div>
... ... @@ -4182,7 +4338,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-VMware1"></use>
</svg>
<div class="name">VMware</div>
... ... @@ -4190,7 +4346,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiqun"></use>
</svg>
<div class="name">集群</div>
... ... @@ -4198,7 +4354,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianyuanjiaohuanji"></use>
</svg>
<div class="name">边缘交换机</div>
... ... @@ -4206,7 +4362,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-epsdaoru"></use>
</svg>
<div class="name">eps导入</div>
... ... @@ -4214,7 +4370,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-epsdaochu"></use>
</svg>
<div class="name">eps导出</div>
... ... @@ -4222,7 +4378,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongjiqi1"></use>
</svg>
<div class="name">中继器</div>
... ... @@ -4230,7 +4386,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-ziyuan117"></use>
</svg>
<div class="name">Tomcat</div>
... ... @@ -4238,7 +4394,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suzhuji1"></use>
</svg>
<div class="name">宿主机</div>
... ... @@ -4246,7 +4402,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-binghaitushi_shuizi"></use>
</svg>
<div class="name">病害图示_水渍</div>
... ... @@ -4254,7 +4410,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongxiangcunchu1"></use>
</svg>
<div class="name">共享存储</div>
... ... @@ -4262,7 +4418,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-loudiandianliu-xian"></use>
</svg>
<div class="name">漏电电流-线</div>
... ... @@ -4270,7 +4426,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm-full1"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4278,7 +4434,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji4"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -4286,7 +4442,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu2"></use>
</svg>
<div class="name">电流</div>
... ... @@ -4294,7 +4450,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huaweiyun"></use>
</svg>
<div class="name">华为云</div>
... ... @@ -4302,7 +4458,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4310,7 +4466,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chongdian"></use>
</svg>
<div class="name">充电</div>
... ... @@ -4318,7 +4474,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-5"></use>
</svg>
<div class="name">water</div>
... ... @@ -4326,7 +4482,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -4334,7 +4490,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ids"></use>
</svg>
<div class="name">ids</div>
... ... @@ -4342,7 +4498,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzaijunheng"></use>
</svg>
<div class="name">负载均衡</div>
... ... @@ -4350,7 +4506,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuniips"></use>
</svg>
<div class="name">虚拟IPS</div>
... ... @@ -4358,7 +4514,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuniips1"></use>
</svg>
<div class="name">虚拟IPS</div>
... ... @@ -4366,7 +4522,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanghuoqiang37"></use>
</svg>
<div class="name">防火墙</div>
... ... @@ -4374,7 +4530,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vlb"></use>
</svg>
<div class="name">弹性负载均衡</div>
... ... @@ -4382,7 +4538,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouye"></use>
</svg>
<div class="name">血糖</div>
... ... @@ -4390,7 +4546,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuizisunshixian"></use>
</svg>
<div class="name">水渍损失险</div>
... ... @@ -4398,7 +4554,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruqinjiance"></use>
</svg>
<div class="name">入侵检测</div>
... ... @@ -4406,7 +4562,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaohuanji"></use>
</svg>
<div class="name">交换机</div>
... ... @@ -4414,7 +4570,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jingwuicon_svg-"></use>
</svg>
<div class="name">警报</div>
... ... @@ -4422,7 +4578,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat1"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -4430,7 +4586,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaohuanji1"></use>
</svg>
<div class="name">交换机</div>
... ... @@ -4438,7 +4594,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-oracleshujuku"></use>
</svg>
<div class="name">oracle数据库</div>
... ... @@ -4446,7 +4602,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanghuoqiang"></use>
</svg>
<div class="name">防火墙</div>
... ... @@ -4454,7 +4610,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4462,7 +4618,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi1"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4470,7 +4626,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao"></use>
</svg>
<div class="name">空调</div>
... ... @@ -4478,7 +4634,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yunshujuku"></use>
</svg>
<div class="name">云数据库</div>
... ... @@ -4486,7 +4642,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi1"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4494,7 +4650,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Redis"></use>
</svg>
<div class="name">Redis</div>
... ... @@ -4502,7 +4658,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-current"></use>
</svg>
<div class="name">电流</div>
... ... @@ -4510,7 +4666,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-oracleshujuku1"></use>
</svg>
<div class="name">oracle数据库</div>
... ... @@ -4518,7 +4674,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-DNS-xiugai"></use>
</svg>
<div class="name">DNS-修改</div>
... ... @@ -4526,7 +4682,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wulifuwuqi"></use>
</svg>
<div class="name">物理服务器</div>
... ... @@ -4534,7 +4690,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi2"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4542,7 +4698,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu"></use>
</svg>
<div class="name">导出</div>
... ... @@ -4550,7 +4706,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu1"></use>
</svg>
<div class="name">导出</div>
... ... @@ -4558,7 +4714,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database"></use>
</svg>
<div class="name">数据库,数据</div>
... ... @@ -4566,7 +4722,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-OPCtiaobanjiquanxianshenqing"></use>
</svg>
<div class="name">OPC跳板机权限申请</div>
... ... @@ -4574,7 +4730,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-assets"></use>
</svg>
<div class="name">资产</div>
... ... @@ -4582,7 +4738,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoucang"></use>
</svg>
<div class="name">收藏</div>
... ... @@ -4590,7 +4746,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangluotuopu"></use>
</svg>
<div class="name">网络拓扑</div>
... ... @@ -4598,7 +4754,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoucang1"></use>
</svg>
<div class="name">收藏</div>
... ... @@ -4606,7 +4762,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4614,7 +4770,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleiji"></use>
</svg>
<div class="name">堡垒机</div>
... ... @@ -4622,7 +4778,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleijisas"></use>
</svg>
<div class="name">堡垒机sas</div>
... ... @@ -4630,7 +4786,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleijishouquanshenqingliucheng"></use>
</svg>
<div class="name">堡垒机授权申请流程</div>
... ... @@ -4638,7 +4794,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian1"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4646,7 +4802,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuiba2"></use>
</svg>
<div class="name">水坝b</div>
... ... @@ -4654,7 +4810,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian2"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4662,7 +4818,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gunshuiba"></use>
</svg>
<div class="name">滚水坝</div>
... ... @@ -4670,7 +4826,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line1"></use>
</svg>
<div class="name">线</div>
... ... @@ -4678,7 +4834,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line"></use>
</svg>
<div class="name">line</div>
... ... @@ -4686,7 +4842,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-luyouqi"></use>
</svg>
<div class="name">路由器</div>
... ... @@ -4694,7 +4850,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
... ... @@ -4702,7 +4858,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--mubiaoku"></use>
</svg>
<div class="name">目标库</div>
... ... @@ -4710,7 +4866,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--download"></use>
</svg>
<div class="name">下载</div>
... ... @@ -4718,7 +4874,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--shangchuan"></use>
</svg>
<div class="name">上传</div>
... ... @@ -4726,7 +4882,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--tongji"></use>
</svg>
<div class="name">统计</div>
... ... @@ -4734,7 +4890,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--quanxian"></use>
</svg>
<div class="name">权限</div>
... ... @@ -4742,7 +4898,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--yingbing"></use>
</svg>
<div class="name">迎宾</div>
... ... @@ -4750,7 +4906,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--yes"></use>
</svg>
<div class="name">对</div>
... ... @@ -4758,7 +4914,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--shanchu"></use>
</svg>
<div class="name">删除</div>
... ... @@ -4766,7 +4922,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-rizhi"></use>
</svg>
<div class="name">日志</div>
... ... @@ -4774,7 +4930,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-gaojing"></use>
</svg>
<div class="name">告警</div>
... ... @@ -4782,7 +4938,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-liucheng"></use>
</svg>
<div class="name">流程</div>
... ... @@ -4790,7 +4946,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuangongchelianglika"></use>
</svg>
<div class="name">人员离开</div>
... ... @@ -4798,7 +4954,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuangongcheliangjinr"></use>
</svg>
<div class="name">人员进入</div>
... ... @@ -4806,7 +4962,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lunxun"></use>
</svg>
<div class="name">轮巡</div>
... ... @@ -4814,7 +4970,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-haoyou"></use>
</svg>
<div class="name">好友</div>
... ... @@ -4822,7 +4978,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yonghu"></use>
</svg>
<div class="name">224用户</div>
... ... @@ -4830,7 +4986,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaoseguanli"></use>
</svg>
<div class="name">角色管理</div>
... ... @@ -4838,7 +4994,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liebiaomoshi"></use>
</svg>
<div class="name">列表模式</div>
... ... @@ -4846,7 +5002,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liebiao"></use>
</svg>
<div class="name">列表</div>
... ... @@ -4854,7 +5010,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bt_duigou_B"></use>
</svg>
<div class="name">AK-BT_对勾_B</div>
... ... @@ -4862,7 +5018,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigouxuanzhong"></use>
</svg>
<div class="name">对勾选中</div>
... ... @@ -4870,7 +5026,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-confirm-line"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4878,7 +5034,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou_kuai"></use>
</svg>
<div class="name">对勾_块</div>
... ... @@ -4886,7 +5042,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou3"></use>
</svg>
<div class="name">进度条-对勾</div>
... ... @@ -4894,7 +5050,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cha"></use>
</svg>
<div class="name">叉</div>
... ... @@ -4902,7 +5058,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou4"></use>
</svg>
<div class="name">对，勾</div>
... ... @@ -4910,7 +5066,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guifandaohanglancha"></use>
</svg>
<div class="name">规范－导航栏－叉</div>
... ... @@ -4918,7 +5074,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziyuan"></use>
</svg>
<div class="name">地图找房_交叉</div>
... ... @@ -4926,7 +5082,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4934,7 +5090,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou1"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4942,7 +5098,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou2"></use>
</svg>
<div class="name">操作-对勾</div>
... ... @@ -4950,7 +5106,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bt_duigou_a"></use>
</svg>
<div class="name">AK-BT_对勾_A</div>
... ... @@ -4958,7 +5114,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjian"></use>
</svg>
<div class="name">文件</div>
... ... @@ -4966,7 +5122,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianjiwenjian"></use>
</svg>
<div class="name">编辑文件</div>
... ... @@ -4974,7 +5130,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengdaiwenjian"></use>
</svg>
<div class="name">等待文件</div>
... ... @@ -4982,7 +5138,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchuwenjian"></use>
</svg>
<div class="name">删除文件</div>
... ... @@ -4990,7 +5146,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jianqiewenjian"></use>
</svg>
<div class="name">剪切文件</div>
... ... @@ -4998,7 +5154,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia"></use>
</svg>
<div class="name">文件夹</div>
... ... @@ -5006,7 +5162,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchuwenjianjia"></use>
</svg>
<div class="name">删除文件夹</div>
... ... @@ -5014,7 +5170,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weidaqiadewenjianjia"></use>
</svg>
<div class="name">未打卡的文件夹</div>
... ... @@ -5022,7 +5178,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziliaoku"></use>
</svg>
<div class="name">资料库</div>
... ... @@ -5030,7 +5186,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenben"></use>
</svg>
<div class="name">文本</div>
... ... @@ -5038,7 +5194,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daimawenjian"></use>
</svg>
<div class="name">代码文件</div>
... ... @@ -5046,7 +5202,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel"></use>
</svg>
<div class="name">excel</div>
... ... @@ -5054,7 +5210,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-fileEmpty"></use>
</svg>
<div class="name">24gf-fileEmpty</div>
... ... @@ -5062,7 +5218,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-fileText"></use>
</svg>
<div class="name">24gf-fileText</div>
... ... @@ -5070,7 +5226,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderHeart"></use>
</svg>
<div class="name">24gf-folderHeart</div>
... ... @@ -5078,7 +5234,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderStar"></use>
</svg>
<div class="name">24gf-folderStar</div>
... ... @@ -5086,7 +5242,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderOpen"></use>
</svg>
<div class="name">24gf-folderOpen</div>
... ... @@ -5094,7 +5250,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjian1"></use>
</svg>
<div class="name">文件</div>
... ... @@ -5102,7 +5258,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image"></use>
</svg>
<div class="name">文件,图片,image</div>
... ... @@ -5110,7 +5266,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image-full"></use>
</svg>
<div class="name">文件,图片,image</div>
... ... @@ -5118,7 +5274,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-json-full"></use>
</svg>
<div class="name">文件,json</div>
... ... @@ -5126,7 +5282,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-json"></use>
</svg>
<div class="name">文件,json</div>
... ... @@ -5134,7 +5290,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">文件,pdf</div>
... ... @@ -5142,7 +5298,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf-full"></use>
</svg>
<div class="name">文件,pdf</div>
... ... @@ -5150,7 +5306,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt-full"></use>
</svg>
<div class="name">文件,txt</div>
... ... @@ -5158,7 +5314,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt"></use>
</svg>
<div class="name">文件,txt</div>
... ... @@ -5166,7 +5322,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel1"></use>
</svg>
<div class="name">文件,excel</div>
... ... @@ -5174,7 +5330,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel-full"></use>
</svg>
<div class="name">文件,excel</div>
... ... @@ -5182,7 +5338,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ppt"></use>
</svg>
<div class="name">文件,ppt</div>
... ... @@ -5190,7 +5346,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ppt-full"></use>
</svg>
<div class="name">文件,ppt</div>
... ... @@ -5198,7 +5354,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word-full"></use>
</svg>
<div class="name">文件,word</div>
... ... @@ -5206,7 +5362,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word"></use>
</svg>
<div class="name">文件,word</div>
... ... @@ -5214,7 +5370,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-audio-full"></use>
</svg>
<div class="name">文件,音频</div>
... ... @@ -5222,7 +5378,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-audio"></use>
</svg>
<div class="name">文件,音频</div>
... ... @@ -5230,7 +5386,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-avi-full"></use>
</svg>
<div class="name">文件,视频</div>
... ... @@ -5238,7 +5394,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-avi"></use>
</svg>
<div class="name">文件,视频</div>
... ... @@ -5246,7 +5402,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip-full"></use>
</svg>
<div class="name">文件,zip</div>
... ... @@ -5254,7 +5410,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip"></use>
</svg>
<div class="name">文件,zip</div>
... ... @@ -5276,10 +5432,10 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
... ... @@ -5290,7 +5446,7 @@
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
... ... @@ -5298,8 +5454,8 @@
</div>
</div>
</div>
<script>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
... ... @@ -5317,6 +5473,6 @@
}
})
})
</script>
</script>
</body>
</html>
... ...
@font-face {
font-family: "iconfont"; /* Project id 2843738 */
src: url('iconfont.woff2?t=1639498542236') format('woff2'),
url('iconfont.woff?t=1639498542236') format('woff'),
url('iconfont.ttf?t=1639498542236') format('truetype');
src: url('iconfont.woff2?t=1659325108758') format('woff2'),
url('iconfont.woff?t=1659325108758') format('woff'),
url('iconfont.ttf?t=1659325108758') format('truetype');
}
.iconfont {
... ... @@ -13,6 +13,34 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-tishi:before {
content: "\e67c";
}
.icon-dian:before {
content: "\ec1e";
}
.icon-gengduo-shuxiang:before {
content: "\e8c4";
}
.icon-weixin:before {
content: "\e67b";
}
.icon-youxiang:before {
content: "\e908";
}
.icon-duanxinqunfa:before {
content: "\eb42";
}
.icon-yewuziyuantuopu:before {
content: "\ea6f";
}
.icon-yibiaopan:before {
content: "\eb67";
}
... ...
... ... @@ -6,6 +6,55 @@
"description": "",
"glyphs": [
{
"icon_id": "577891",
"name": "提示",
"font_class": "tishi",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "4933869",
"name": "点",
"font_class": "dian",
"unicode": "ec1e",
"unicode_decimal": 60446
},
{
"icon_id": "1727447",
"name": "216更多-竖向",
"font_class": "gengduo-shuxiang",
"unicode": "e8c4",
"unicode_decimal": 59588
},
{
"icon_id": "1206404",
"name": "微信",
"font_class": "weixin",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "4552970",
"name": "邮箱",
"font_class": "youxiang",
"unicode": "e908",
"unicode_decimal": 59656
},
{
"icon_id": "5387727",
"name": "短信群发",
"font_class": "duanxinqunfa",
"unicode": "eb42",
"unicode_decimal": 60226
},
{
"icon_id": "742139",
"name": "业务资源拓扑",
"font_class": "yewuziyuantuopu",
"unicode": "ea6f",
"unicode_decimal": 60015
},
{
"icon_id": "3868284",
"name": "仪表盘",
"font_class": "yibiaopan",
... ...