|
|
|
@ -54,6 +54,24 @@
|
|
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">export</div>
|
|
|
|
|
<div class="code-name">&#xe61e;</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">对比</div>
|
|
|
|
|
<div class="code-name">&#xe617;</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">import</div>
|
|
|
|
|
<div class="code-name">&#xe73a;</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont"></span>
|
|
|
|
|
<div class="name">error</div>
|
|
|
|
@ -186,9 +204,9 @@
|
|
|
|
|
<pre><code class="language-css"
|
|
|
|
|
>@font-face {
|
|
|
|
|
font-family: 'iconfont';
|
|
|
|
|
src: url('iconfont.woff2?t=1723796605504') format('woff2'),
|
|
|
|
|
url('iconfont.woff?t=1723796605504') format('woff'),
|
|
|
|
|
url('iconfont.ttf?t=1723796605504') format('truetype');
|
|
|
|
|
src: url('iconfont.woff2?t=1741245710478') format('woff2'),
|
|
|
|
|
url('iconfont.woff?t=1741245710478') format('woff'),
|
|
|
|
|
url('iconfont.ttf?t=1741245710478') format('truetype');
|
|
|
|
|
}
|
|
|
|
|
</code></pre>
|
|
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
|
|
@ -214,6 +232,33 @@
|
|
|
|
|
<div class="content font-class">
|
|
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont icon-export"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
|
export
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-name">.icon-export
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont icon-duibi"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
|
对比
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-name">.icon-duibi
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont icon-import"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
|
import
|
|
|
|
|
</div>
|
|
|
|
|
<div class="code-name">.icon-import
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<span class="icon iconfont icon-error"></span>
|
|
|
|
|
<div class="name">
|
|
|
|
@ -412,6 +457,30 @@
|
|
|
|
|
<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-export"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
<div class="name">export</div>
|
|
|
|
|
<div class="code-name">#icon-export</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#icon-duibi"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
<div class="name">对比</div>
|
|
|
|
|
<div class="code-name">#icon-duibi</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#icon-import"></use>
|
|
|
|
|
</svg>
|
|
|
|
|
<div class="name">import</div>
|
|
|
|
|
<div class="code-name">#icon-import</div>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dib">
|
|
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
|
<use xlink:href="#icon-error"></use>
|
|
|
|
|