Skip to content

H
haoban-3
Commit 5a4a8f85 by crushh
Options

update: iconfont

parent e03fc259
Showing with 142 additions and 6 deletions
src/assets/font/demo_index.html
......@@ -55,6 +55,24 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont-hb3">&#xee14;</span>
<div class="name">操作日志</div>
<div class="code-name">&amp;#xee14;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xec64;</span>
<div class="name">no-data</div>
<div class="code-name">&amp;#xec64;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xebcc;</span>
<div class="name">user-default</div>
<div class="code-name">&amp;#xebcc;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xebeb;</span>
<div class="name">电话</div>
<div class="code-name">&amp;#xebeb;</div>
......@@ -73,6 +91,12 @@
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xec98;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xec98;</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3">&#xe62c;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe62c;</div>
......@@ -810,9 +834,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont-hb3';
src: url('iconfont.woff2?t=1657521279508') format('woff2'),
url('iconfont.woff?t=1657521279508') format('woff'),
url('iconfont.ttf?t=1657521279508') format('truetype');
src: url('iconfont.woff2?t=1658209429777') format('woff2'),
url('iconfont.woff?t=1658209429777') format('woff'),
url('iconfont.ttf?t=1658209429777') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -839,6 +863,33 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont-hb3 iconcaozuorizhi"></span>
<div class="name">
操作日志
</div>
<div class="code-name">.iconcaozuorizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconno-data"></span>
<div class="name">
no-data
</div>
<div class="code-name">.iconno-data
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconuser-default"></span>
<div class="name">
user-default
</div>
<div class="code-name">.iconuser-default
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 icondianhua"></span>
<div class="name">
电话
......@@ -866,6 +917,15 @@
</li>
<li class="dib">
<span class="icon iconfont-hb3 icongengduo3"></span>
<div class="name">
更多
</div>
<div class="code-name">.icongengduo3
</div>
</li>
<li class="dib">
<span class="icon iconfont-hb3 iconclose1"></span>
<div class="name">
close
......@@ -1974,6 +2034,30 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconcaozuorizhi"></use>
</svg>
<div class="name">操作日志</div>
<div class="code-name">#iconcaozuorizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconno-data"></use>
</svg>
<div class="name">no-data</div>
<div class="code-name">#iconno-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconuser-default"></use>
</svg>
<div class="name">user-default</div>
<div class="code-name">#iconuser-default</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icondianhua"></use>
</svg>
<div class="name">电话</div>
......@@ -1998,6 +2082,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongengduo3"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icongengduo3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconclose1"></use>
</svg>
<div class="name">close</div>
......
src/assets/font/iconfont.css
@font-face {
font-family: "iconfont-hb3"; /* Project id 1628375 */
src: url('iconfont.woff2?t=1657521279508') format('woff2'),
url('iconfont.woff?t=1657521279508') format('woff'),
url('iconfont.ttf?t=1657521279508') format('truetype');
src: url('iconfont.woff2?t=1658209429777') format('woff2'),
url('iconfont.woff?t=1658209429777') format('woff'),
url('iconfont.ttf?t=1658209429777') format('truetype');
}
.iconfont-hb3 {
......@@ -13,6 +13,18 @@
-moz-osx-font-smoothing: grayscale;
}
.iconcaozuorizhi:before {
content: "\ee14";
}
.iconno-data:before {
content: "\ec64";
}
.iconuser-default:before {
content: "\ebcc";
}
.icondianhua:before {
content: "\ebeb";
}
......@@ -25,6 +37,10 @@
content: "\ec97";
}
.icongengduo3:before {
content: "\ec98";
}
.iconclose1:before {
content: "\e62c";
}
......
src/assets/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/font/iconfont.json
......@@ -6,6 +6,27 @@
"description": "",
"glyphs": [
{
"icon_id": "27402276",
"name": "操作日志",
"font_class": "caozuorizhi",
"unicode": "ee14",
"unicode_decimal": 60948
},
{
"icon_id": "27977097",
"name": "no-data",
"font_class": "no-data",
"unicode": "ec64",
"unicode_decimal": 60516
},
{
"icon_id": "24838426",
"name": "user-default",
"font_class": "user-default",
"unicode": "ebcc",
"unicode_decimal": 60364
},
{
"icon_id": "25538381",
"name": "电话",
"font_class": "dianhua",
......@@ -27,6 +48,13 @@
"unicode_decimal": 60567
},
{
"icon_id": "28687124",
"name": "更多",
"font_class": "gengduo3",
"unicode": "ec98",
"unicode_decimal": 60568
},
{
"icon_id": "1457645",
"name": "close",
"font_class": "close1",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment