openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增图标

Browse Source
This commit is contained in:
wanglin2 2023-02-24 17:13:07 +08:00
parent 8441986ca7
commit 06dba79272
7 changed files with 245 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

167
web/src/assets/icon-font/demo_index.html
View File

@ -54,6 +54,48 @@
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe6c6;</span>
<div class="name">case</div>
<div class="code-name">&amp;#xe6c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb99;</span>
<div class="name">形状-文字</div>
<div class="code-name">&amp;#xeb99;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec83;</span>
<div class="name">字体加粗</div>
<div class="code-name">&amp;#xec83;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec85;</span>
<div class="name">字体下划线</div>
<div class="code-name">&amp;#xec85;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec86;</span>
<div class="name">字体斜体</div>
<div class="code-name">&amp;#xec86;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe612;</span>
<div class="name">删除线</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe854;</span>
<div class="name">字体颜色</div>
<div class="code-name">&amp;#xe854;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe64f;</span> <span class="icon iconfont">&#xe64f;</span>
<div class="name">github</div> <div class="name">github</div>
@ -348,9 +390,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1673600274529') format('woff2'), src: url('iconfont.woff2?t=1677058133223') format('woff2'),
url('iconfont.woff?t=1673600274529') format('woff'), url('iconfont.woff?t=1677058133223') format('woff'),
url('iconfont.ttf?t=1673600274529') format('truetype'); url('iconfont.ttf?t=1677058133223') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@ -376,6 +418,69 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconcase"></span>
<div class="name">
case
</div>
<div class="code-name">.iconcase
</div>
</li>
<li class="dib">
<span class="icon iconfont iconxingzhuang-wenzi"></span>
<div class="name">
形状-文字
</div>
<div class="code-name">.iconxingzhuang-wenzi
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzitijiacu"></span>
<div class="name">
字体加粗
</div>
<div class="code-name">.iconzitijiacu
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzitixiahuaxian"></span>
<div class="name">
字体下划线
</div>
<div class="code-name">.iconzitixiahuaxian
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzitixieti"></span>
<div class="name">
字体斜体
</div>
<div class="code-name">.iconzitixieti
</div>
</li>
<li class="dib">
<span class="icon iconfont iconshanchuxian"></span>
<div class="name">
删除线
</div>
<div class="code-name">.iconshanchuxian
</div>
</li>
<li class="dib">
<span class="icon iconfont iconzitiyanse"></span>
<div class="name">
字体颜色
</div>
<div class="code-name">.iconzitiyanse
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icongithub"></span> <span class="icon iconfont icongithub"></span>
<div class="name"> <div class="name">
@ -817,6 +922,62 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconcase"></use>
</svg>
<div class="name">case</div>
<div class="code-name">#iconcase</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxingzhuang-wenzi"></use>
</svg>
<div class="name">形状-文字</div>
<div class="code-name">#iconxingzhuang-wenzi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzitijiacu"></use>
</svg>
<div class="name">字体加粗</div>
<div class="code-name">#iconzitijiacu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzitixiahuaxian"></use>
</svg>
<div class="name">字体下划线</div>
<div class="code-name">#iconzitixiahuaxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzitixieti"></use>
</svg>
<div class="name">字体斜体</div>
<div class="code-name">#iconzitixieti</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshanchuxian"></use>
</svg>
<div class="name">删除线</div>
<div class="code-name">#iconshanchuxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzitiyanse"></use>
</svg>
<div class="name">字体颜色</div>
<div class="code-name">#iconzitiyanse</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongithub"></use> <use xlink:href="#icongithub"></use>

34
web/src/assets/icon-font/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2479351 */ font-family: "iconfont"; /* Project id 2479351 */
src: url('iconfont.woff2?t=1673600274529') format('woff2'), src: url('iconfont.woff2?t=1677058133223') format('woff2'),
url('iconfont.woff?t=1673600274529') format('woff'), url('iconfont.woff?t=1677058133223') format('woff'),
url('iconfont.ttf?t=1673600274529') format('truetype'); url('iconfont.ttf?t=1677058133223') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,34 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.iconcase:before {
content: "\e6c6";
}
.iconxingzhuang-wenzi:before {
content: "\eb99";
}
.iconzitijiacu:before {
content: "\ec83";
}
.iconzitixiahuaxian:before {
content: "\ec85";
}
.iconzitixieti:before {
content: "\ec86";
}
.iconshanchuxian:before {
content: "\e612";
}
.iconzitiyanse:before {
content: "\e854";
}
.icongithub:before { .icongithub:before {
content: "\e64f"; content: "\e64f";
} }

2
web/src/assets/icon-font/iconfont.js
View File

File diff suppressed because one or more lines are too long

49
web/src/assets/icon-font/iconfont.json
View File

@ -5,6 +5,55 @@
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "思维导图", "description": "思维导图",
"glyphs": [ "glyphs": [
{
"icon_id": "586787",
"name": "case",
"font_class": "case",
"unicode": "e6c6",
"unicode_decimal": 59078
},
{
"icon_id": "4354254",
"name": "形状-文字",
"font_class": "xingzhuang-wenzi",
"unicode": "eb99",
"unicode_decimal": 60313
},
{
"icon_id": "6337466",
"name": "字体加粗",
"font_class": "zitijiacu",
"unicode": "ec83",
"unicode_decimal": 60547
},
{
"icon_id": "6337470",
"name": "字体下划线",
"font_class": "zitixiahuaxian",
"unicode": "ec85",
"unicode_decimal": 60549
},
{
"icon_id": "6337471",
"name": "字体斜体",
"font_class": "zitixieti",
"unicode": "ec86",
"unicode_decimal": 60550
},
{
"icon_id": "11975179",
"name": "删除线",
"font_class": "shanchuxian",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "34198316",
"name": "字体颜色",
"font_class": "zitiyanse",
"unicode": "e854",
"unicode_decimal": 59476
},
{ {
"icon_id": "8760187", "icon_id": "8760187",
"name": "github", "name": "github",

BIN
web/src/assets/icon-font/iconfont.ttf
View File

Binary file not shown.

BIN
web/src/assets/icon-font/iconfont.woff
View File

Binary file not shown.

BIN
web/src/assets/icon-font/iconfont.woff2
View File

Binary file not shown.