|
@@ -54,6 +54,108 @@
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kehuzijin</div>
|
|
|
+ <div class="code-name">&#xe615;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">shougou</div>
|
|
|
+ <div class="code-name">&#xe614;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">chukuguanli备份</div>
|
|
|
+ <div class="code-name">&#xe613;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">gongzuotongzi</div>
|
|
|
+ <div class="code-name">&#xe612;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kehuguanli</div>
|
|
|
+ <div class="code-name">&#xe610;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">caiwuguanli</div>
|
|
|
+ <div class="code-name">&#xe60f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">shenhe</div>
|
|
|
+ <div class="code-name">&#xe60e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">caigouguanli</div>
|
|
|
+ <div class="code-name">&#xe60d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">xiaoshou2</div>
|
|
|
+ <div class="code-name">&#xe60c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">tongjibaobiao</div>
|
|
|
+ <div class="code-name">&#xe60b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">对</div>
|
|
|
+ <div class="code-name">&#xe641;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">易粮易运</div>
|
|
|
+ <div class="code-name">&#xe60a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">历史</div>
|
|
|
+ <div class="code-name">&#xe605;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关 闭</div>
|
|
|
+ <div class="code-name">&#xe6c9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">眼睛-睁眼</div>
|
|
|
+ <div class="code-name">&#xe63a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">眼睛-闭眼</div>
|
|
|
+ <div class="code-name">&#xe63b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">yunshuguanli</div>
|
|
|
+ <div class="code-name">&#xe609;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">hetong</div>
|
|
@@ -78,12 +180,6 @@
|
|
|
<div class="code-name">&#xe604;</div>
|
|
|
</li>
|
|
|
|
|
|
- <li class="dib">
|
|
|
- <span class="icon iconfont"></span>
|
|
|
- <div class="name">yunshu</div>
|
|
|
- <div class="code-name">&#xe605;</div>
|
|
|
- </li>
|
|
|
-
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">cangku</div>
|
|
@@ -114,9 +210,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1625559958046') format('woff2'),
|
|
|
- url('iconfont.woff?t=1625559958046') format('woff'),
|
|
|
- url('iconfont.ttf?t=1625559958046') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1635728227466') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1635728227466') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1635728227466') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -142,6 +238,159 @@
|
|
|
<div class="content font-class">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kehuzijin"></span>
|
|
|
+ <div class="name">
|
|
|
+ kehuzijin
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kehuzijin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-a-4-shougoubeifen"></span>
|
|
|
+ <div class="name">
|
|
|
+ shougou
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-a-4-shougoubeifen
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chukuguanlibeifen"></span>
|
|
|
+ <div class="name">
|
|
|
+ chukuguanli备份
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chukuguanlibeifen
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-a-tongzhibeifen2"></span>
|
|
|
+ <div class="name">
|
|
|
+ gongzuotongzi
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-a-tongzhibeifen2
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kehuguanli"></span>
|
|
|
+ <div class="name">
|
|
|
+ kehuguanli
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kehuguanli
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-caiwuguanli"></span>
|
|
|
+ <div class="name">
|
|
|
+ caiwuguanli
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-caiwuguanli
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shenhe"></span>
|
|
|
+ <div class="name">
|
|
|
+ shenhe
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shenhe
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-caigouguanli"></span>
|
|
|
+ <div class="name">
|
|
|
+ caigouguanli
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-caigouguanli
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xiaoshou2"></span>
|
|
|
+ <div class="name">
|
|
|
+ xiaoshou2
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xiaoshou2
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tongjibaobiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ tongjibaobiao
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tongjibaobiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dui"></span>
|
|
|
+ <div class="name">
|
|
|
+ 对
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dui
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yiliangyiyun"></span>
|
|
|
+ <div class="name">
|
|
|
+ 易粮易运
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yiliangyiyun
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-lishi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 历史
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-lishi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanbi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关 闭
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanbi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yanjing-zhengyan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 眼睛-睁眼
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yanjing-zhengyan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yanjing-biyan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 眼睛-闭眼
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yanjing-biyan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yunshu2"></span>
|
|
|
+ <div class="name">
|
|
|
+ yunshuguanli
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yunshu2
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-hetongguanli"></span>
|
|
|
<div class="name">
|
|
@@ -178,15 +427,6 @@
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
- <li class="dib">
|
|
|
- <span class="icon iconfont icon-yunshu"></span>
|
|
|
- <div class="name">
|
|
|
- yunshu
|
|
|
- </div>
|
|
|
- <div class="code-name">.icon-yunshu
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-cangkubeifen"></span>
|
|
|
<div class="name">
|
|
@@ -232,6 +472,142 @@
|
|
|
<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-kehuzijin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kehuzijin</div>
|
|
|
+ <div class="code-name">#icon-kehuzijin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-a-4-shougoubeifen"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">shougou</div>
|
|
|
+ <div class="code-name">#icon-a-4-shougoubeifen</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chukuguanlibeifen"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">chukuguanli备份</div>
|
|
|
+ <div class="code-name">#icon-chukuguanlibeifen</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-a-tongzhibeifen2"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">gongzuotongzi</div>
|
|
|
+ <div class="code-name">#icon-a-tongzhibeifen2</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kehuguanli"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kehuguanli</div>
|
|
|
+ <div class="code-name">#icon-kehuguanli</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-caiwuguanli"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">caiwuguanli</div>
|
|
|
+ <div class="code-name">#icon-caiwuguanli</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shenhe"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">shenhe</div>
|
|
|
+ <div class="code-name">#icon-shenhe</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-caigouguanli"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">caigouguanli</div>
|
|
|
+ <div class="code-name">#icon-caigouguanli</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xiaoshou2"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">xiaoshou2</div>
|
|
|
+ <div class="code-name">#icon-xiaoshou2</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tongjibaobiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">tongjibaobiao</div>
|
|
|
+ <div class="code-name">#icon-tongjibaobiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dui"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">对</div>
|
|
|
+ <div class="code-name">#icon-dui</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yiliangyiyun"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">易粮易运</div>
|
|
|
+ <div class="code-name">#icon-yiliangyiyun</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-lishi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">历史</div>
|
|
|
+ <div class="code-name">#icon-lishi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanbi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关 闭</div>
|
|
|
+ <div class="code-name">#icon-guanbi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yanjing-zhengyan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">眼睛-睁眼</div>
|
|
|
+ <div class="code-name">#icon-yanjing-zhengyan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yanjing-biyan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">眼睛-闭眼</div>
|
|
|
+ <div class="code-name">#icon-yanjing-biyan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yunshu2"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">yunshuguanli</div>
|
|
|
+ <div class="code-name">#icon-yunshu2</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-hetongguanli"></use>
|
|
@@ -264,14 +640,6 @@
|
|
|
<div class="code-name">#icon-zhankai</div>
|
|
|
</li>
|
|
|
|
|
|
- <li class="dib">
|
|
|
- <svg class="icon svg-icon" aria-hidden="true">
|
|
|
- <use xlink:href="#icon-yunshu"></use>
|
|
|
- </svg>
|
|
|
- <div class="name">yunshu</div>
|
|
|
- <div class="code-name">#icon-yunshu</div>
|
|
|
- </li>
|
|
|
-
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-cangkubeifen"></use>
|