This commit is contained in:
2026-07-30 18:38:39 +08:00
parent 5bc34def79
commit d63efeb083
69 changed files with 3100 additions and 153 deletions
+29 -6
View File
@@ -56,10 +56,16 @@
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">nav-help-center</div>
<div class="name">Bold</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<div class="name">Shield Warning</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe637;</span>
<div class="name">contact-us</div>
@@ -444,9 +450,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1783075781525') format('woff2'),
url('iconfont.woff?t=1783075781525') format('woff'),
url('iconfont.ttf?t=1783075781525') format('truetype');
src: url('iconfont.woff2?t=1783664954990') format('woff2'),
url('iconfont.woff?t=1783664954990') format('woff'),
url('iconfont.ttf?t=1783664954990') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -472,10 +478,19 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-nav-scaling-plan"></span>
<div class="name">
Bold
</div>
<div class="code-name">.icon-nav-scaling-plan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-help-center"></span>
<div class="name">
nav-help-center
Shield Warning
</div>
<div class="code-name">.icon-nav-help-center
</div>
@@ -1057,11 +1072,19 @@
<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-nav-scaling-plan"></use>
</svg>
<div class="name">Bold</div>
<div class="code-name">#icon-nav-scaling-plan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-help-center"></use>
</svg>
<div class="name">nav-help-center</div>
<div class="name">Shield Warning</div>
<div class="code-name">#icon-nav-help-center</div>
</li>