|
@@ -55,6 +55,24 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">fire_statistics</div>
|
|
|
+ <div class="code-name">&#xe74d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">query_home</div>
|
|
|
+ <div class="code-name">&#xe74b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">list-detail</div>
|
|
|
+ <div class="code-name">&#xe740;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">without</div>
|
|
|
<div class="code-name">&#xe70e;</div>
|
|
@@ -474,9 +492,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1692171577992') format('woff2'),
|
|
|
- url('iconfont.woff?t=1692171577992') format('woff'),
|
|
|
- url('iconfont.ttf?t=1692171577992') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1706348932330') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1706348932330') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1706348932330') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -503,6 +521,33 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont icon-fire_statistics"></span>
|
|
|
+ <div class="name">
|
|
|
+ fire_statistics
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-fire_statistics
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-query_home"></span>
|
|
|
+ <div class="name">
|
|
|
+ query_home
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-query_home
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-list-detail"></span>
|
|
|
+ <div class="name">
|
|
|
+ list-detail
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-list-detail
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont icon-without"></span>
|
|
|
<div class="name">
|
|
|
without
|
|
@@ -1134,6 +1179,30 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-fire_statistics"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">fire_statistics</div>
|
|
|
+ <div class="code-name">#icon-fire_statistics</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-query_home"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">query_home</div>
|
|
|
+ <div class="code-name">#icon-query_home</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-list-detail"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">list-detail</div>
|
|
|
+ <div class="code-name">#icon-list-detail</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-without"></use>
|
|
|
</svg>
|
|
|
<div class="name">without</div>
|