chore: 优化图标

This commit is contained in:
xiaojunnuo
2025-12-27 02:20:01 +08:00
parent e61daaee2d
commit 91e19bbdd3
22 changed files with 380 additions and 46 deletions
@@ -55,15 +55,39 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe8fb;</span>
<div class="name">social-foursquare</div>
<div class="code-name">&amp;#xe8fb;</div>
<span class="icon iconfont">&#xe60a;</span>
<div class="name">飞牛</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65a;</span>
<div class="name">ksyun-logo</div>
<div class="code-name">&amp;#xe65a;</div>
<span class="icon iconfont">&#xe8ad;</span>
<div class="name">金山云logo</div>
<div class="code-name">&amp;#xe8ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe989;</span>
<div class="name">中国移动</div>
<div class="code-name">&amp;#xe989;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe643;</span>
<div class="name">xinnet</div>
<div class="code-name">&amp;#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe717;</span>
<div class="name">ucloud</div>
<div class="code-name">&amp;#xe717;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fb;</span>
<div class="name">social-foursquare</div>
<div class="code-name">&amp;#xe8fb;</div>
</li>
<li class="dib">
@@ -228,7 +252,7 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.svg?t=1754884110189#iconfont') format('svg');
src: url('iconfont.svg?t=1766772710945#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -255,23 +279,59 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-four"></span>
<span class="icon iconfont icon-fnos"></span>
<div class="name">
social-foursquare
飞牛
</div>
<div class="code-name">.icon-four
<div class="code-name">.icon-fnos
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ksyun"></span>
<div class="name">
ksyun-logo
金山云logo
</div>
<div class="code-name">.icon-ksyun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cmcc"></span>
<div class="name">
中国移动
</div>
<div class="code-name">.icon-cmcc
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinnet"></span>
<div class="name">
xinnet
</div>
<div class="code-name">.icon-xinnet
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ucloud"></span>
<div class="name">
ucloud
</div>
<div class="code-name">.icon-ucloud
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-four"></span>
<div class="name">
social-foursquare
</div>
<div class="code-name">.icon-four
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rainyun"></span>
<div class="name">
@@ -517,20 +577,52 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-four"></use>
<use xlink:href="#icon-fnos"></use>
</svg>
<div class="name">social-foursquare</div>
<div class="code-name">#icon-four</div>
<div class="name">飞牛</div>
<div class="code-name">#icon-fnos</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ksyun"></use>
</svg>
<div class="name">ksyun-logo</div>
<div class="name">金山云logo</div>
<div class="code-name">#icon-ksyun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cmcc"></use>
</svg>
<div class="name">中国移动</div>
<div class="code-name">#icon-cmcc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinnet"></use>
</svg>
<div class="name">xinnet</div>
<div class="code-name">#icon-xinnet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ucloud"></use>
</svg>
<div class="name">ucloud</div>
<div class="code-name">#icon-ucloud</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-four"></use>
</svg>
<div class="name">social-foursquare</div>
<div class="code-name">#icon-four</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rainyun"></use>