增加图标

This commit is contained in:
wanglin2 2023-03-06 20:57:55 +08:00
parent 55acc19ab8
commit 6bc309e3fa
8 changed files with 109 additions and 7 deletions

Binary file not shown.

View File

@ -54,6 +54,24 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xeac0;</span>
<div class="name">电脑</div>
<div class="code-name">&amp;#xeac0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65c;</span>
<div class="name">主页</div>
<div class="code-name">&amp;#xe65c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<div class="name">本地@1x</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f8;</span>
<div class="name">背景颜色</div>
@ -402,9 +420,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1677478278322') format('woff2'),
url('iconfont.woff?t=1677478278322') format('woff'),
url('iconfont.ttf?t=1677478278322') format('truetype');
src: url('iconfont.woff2?t=1677915953390') format('woff2'),
url('iconfont.woff?t=1677915953390') format('woff'),
url('iconfont.ttf?t=1677915953390') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -430,6 +448,33 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icondiannao"></span>
<div class="name">
电脑
</div>
<div class="code-name">.icondiannao
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzhuye"></span>
<div class="name">
主页
</div>
<div class="code-name">.iconzhuye
</div>
</li>
<li class="dib">
<span class="icon iconfont iconbendi1x"></span>
<div class="name">
本地@1x
</div>
<div class="code-name">.iconbendi1x
</div>
</li>
<li class="dib">
<span class="icon iconfont iconbeijingyanse"></span>
<div class="name">
@ -952,6 +997,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="#icondiannao"></use>
</svg>
<div class="name">电脑</div>
<div class="code-name">#icondiannao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhuye"></use>
</svg>
<div class="name">主页</div>
<div class="code-name">#iconzhuye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconbendi1x"></use>
</svg>
<div class="name">本地@1x</div>
<div class="code-name">#iconbendi1x</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconbeijingyanse"></use>

View File

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 2479351 */
src: url('iconfont.woff2?t=1677478278322') format('woff2'),
url('iconfont.woff?t=1677478278322') format('woff'),
url('iconfont.ttf?t=1677478278322') format('truetype');
src: url('iconfont.woff2?t=1677915953390') format('woff2'),
url('iconfont.woff?t=1677915953390') format('woff'),
url('iconfont.ttf?t=1677915953390') format('truetype');
}
.iconfont {
@ -13,6 +13,18 @@
-moz-osx-font-smoothing: grayscale;
}
.icondiannao:before {
content: "\eac0";
}
.iconzhuye:before {
content: "\e65c";
}
.iconbendi1x:before {
content: "\e606";
}
.iconbeijingyanse:before {
content: "\e6f8";
}

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,27 @@
"css_prefix_text": "icon",
"description": "思维导图",
"glyphs": [
{
"icon_id": "5387383",
"name": "电脑",
"font_class": "diannao",
"unicode": "eac0",
"unicode_decimal": 60096
},
{
"icon_id": "6940837",
"name": "主页",
"font_class": "zhuye",
"unicode": "e65c",
"unicode_decimal": 58972
},
{
"icon_id": "17859315",
"name": "本地@1x",
"font_class": "bendi1x",
"unicode": "e606",
"unicode_decimal": 58886
},
{
"icon_id": "1790495",
"name": "背景颜色",