部分优化

This commit is contained in:
2026-07-07 18:02:55 +08:00
parent b8af01cc69
commit bf5203b081
48 changed files with 3228 additions and 1755 deletions

View File

@@ -54,6 +54,60 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe695;</span>
<div class="name">代码</div>
<div class="code-name">&amp;#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64c;</span>
<div class="name">word</div>
<div class="code-name">&amp;#xe64c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<div class="name">其他领域</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63a;</span>
<div class="name">文件夹</div>
<div class="code-name">&amp;#xe63a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64d;</span>
<div class="name">execl</div>
<div class="code-name">&amp;#xe64d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<div class="name">TXT</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64f;</span>
<div class="name">PPT</div>
<div class="code-name">&amp;#xe64f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe650;</span>
<div class="name">ZIP</div>
<div class="code-name">&amp;#xe650;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe651;</span>
<div class="name">PDF</div>
<div class="code-name">&amp;#xe651;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe988;</span>
<div class="name">云端,云,云服务</div>
@@ -426,9 +480,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1782200893170') format('woff2'),
url('iconfont.woff?t=1782200893170') format('woff'),
url('iconfont.ttf?t=1782200893170') format('truetype');
src: url('iconfont.woff2?t=1783330740989') format('woff2'),
url('iconfont.woff?t=1783330740989') format('woff'),
url('iconfont.ttf?t=1783330740989') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -454,6 +508,87 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-daima"></span>
<div class="name">
代码
</div>
<div class="code-name">.icon-daima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-word"></span>
<div class="name">
word
</div>
<div class="code-name">.icon-word
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qitalingyu"></span>
<div class="name">
其他领域
</div>
<div class="code-name">.icon-qitalingyu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenjianjia1"></span>
<div class="name">
文件夹
</div>
<div class="code-name">.icon-wenjianjia1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-execl"></span>
<div class="name">
execl
</div>
<div class="code-name">.icon-execl
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-TXT1"></span>
<div class="name">
TXT
</div>
<div class="code-name">.icon-TXT1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-PPT1"></span>
<div class="name">
PPT
</div>
<div class="code-name">.icon-PPT1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ZIP"></span>
<div class="name">
ZIP
</div>
<div class="code-name">.icon-ZIP
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-PDF1"></span>
<div class="name">
PDF
</div>
<div class="code-name">.icon-PDF1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cloud"></span>
<div class="name">
@@ -1012,6 +1147,78 @@
<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-daima"></use>
</svg>
<div class="name">代码</div>
<div class="code-name">#icon-daima</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word"></use>
</svg>
<div class="name">word</div>
<div class="code-name">#icon-word</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qitalingyu"></use>
</svg>
<div class="name">其他领域</div>
<div class="code-name">#icon-qitalingyu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia1"></use>
</svg>
<div class="name">文件夹</div>
<div class="code-name">#icon-wenjianjia1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-execl"></use>
</svg>
<div class="name">execl</div>
<div class="code-name">#icon-execl</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-TXT1"></use>
</svg>
<div class="name">TXT</div>
<div class="code-name">#icon-TXT1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PPT1"></use>
</svg>
<div class="name">PPT</div>
<div class="code-name">#icon-PPT1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ZIP"></use>
</svg>
<div class="name">ZIP</div>
<div class="code-name">#icon-ZIP</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PDF1"></use>
</svg>
<div class="name">PDF</div>
<div class="code-name">#icon-PDF1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cloud"></use>

View File

@@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 4890805 */
src: url('iconfont.woff2?t=1782200893170') format('woff2'),
url('iconfont.woff?t=1782200893170') format('woff'),
url('iconfont.ttf?t=1782200893170') format('truetype');
src: url('iconfont.woff2?t=1783330740989') format('woff2'),
url('iconfont.woff?t=1783330740989') format('woff'),
url('iconfont.ttf?t=1783330740989') format('truetype');
}
.iconfont {
@@ -13,6 +13,42 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-daima:before {
content: "\e695";
}
.icon-word:before {
content: "\e64c";
}
.icon-qitalingyu:before {
content: "\e62f";
}
.icon-wenjianjia1:before {
content: "\e63a";
}
.icon-execl:before {
content: "\e64d";
}
.icon-TXT1:before {
content: "\e64e";
}
.icon-PPT1:before {
content: "\e64f";
}
.icon-ZIP:before {
content: "\e650";
}
.icon-PDF1:before {
content: "\e651";
}
.icon-cloud:before {
content: "\e988";
}

File diff suppressed because one or more lines are too long

View File

@@ -5,6 +5,69 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "1767709",
"name": "代码",
"font_class": "daima",
"unicode": "e695",
"unicode_decimal": 59029
},
{
"icon_id": "6294488",
"name": "word",
"font_class": "word",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "1460463",
"name": "其他领域",
"font_class": "qitalingyu",
"unicode": "e62f",
"unicode_decimal": 58927
},
{
"icon_id": "5194070",
"name": "文件夹",
"font_class": "wenjianjia1",
"unicode": "e63a",
"unicode_decimal": 58938
},
{
"icon_id": "6294485",
"name": "execl",
"font_class": "execl",
"unicode": "e64d",
"unicode_decimal": 58957
},
{
"icon_id": "6294486",
"name": "TXT",
"font_class": "TXT1",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "6294487",
"name": "PPT",
"font_class": "PPT1",
"unicode": "e64f",
"unicode_decimal": 58959
},
{
"icon_id": "6294528",
"name": "ZIP",
"font_class": "ZIP",
"unicode": "e650",
"unicode_decimal": 58960
},
{
"icon_id": "6294529",
"name": "PDF",
"font_class": "PDF1",
"unicode": "e651",
"unicode_decimal": 58961
},
{
"icon_id": "18170211",
"name": "云端,云,云服务",