master
This commit is contained in:
parent
f9f95f25df
commit
fe172c8807
|
|
@ -54,6 +54,24 @@
|
||||||
<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"></span>
|
||||||
|
<div class="name">error</div>
|
||||||
|
<div class="code-name">&#xe6c6;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">successful</div>
|
||||||
|
<div class="code-name">&#xe633;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">warning</div>
|
||||||
|
<div class="code-name">&#xe63f;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">payment</div>
|
<div class="name">payment</div>
|
||||||
|
|
@ -168,9 +186,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=1708504618246') format('woff2'),
|
src: url('iconfont.woff2?t=1723796605504') format('woff2'),
|
||||||
url('iconfont.woff?t=1708504618246') format('woff'),
|
url('iconfont.woff?t=1723796605504') format('woff'),
|
||||||
url('iconfont.ttf?t=1708504618246') format('truetype');
|
url('iconfont.ttf?t=1723796605504') format('truetype');
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
||||||
|
|
@ -196,6 +214,33 @@
|
||||||
<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 icon-error"></span>
|
||||||
|
<div class="name">
|
||||||
|
error
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-error
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-successful"></span>
|
||||||
|
<div class="name">
|
||||||
|
successful
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-successful
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-warning"></span>
|
||||||
|
<div class="name">
|
||||||
|
warning
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-warning
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-payment"></span>
|
<span class="icon iconfont icon-payment"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
|
|
@ -367,6 +412,30 @@
|
||||||
<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="#icon-error"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">error</div>
|
||||||
|
<div class="code-name">#icon-error</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-successful"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">successful</div>
|
||||||
|
<div class="code-name">#icon-successful</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-warning"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">warning</div>
|
||||||
|
<div class="code-name">#icon-warning</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="#icon-payment"></use>
|
<use xlink:href="#icon-payment"></use>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont"; /* Project id 4257468 */
|
font-family: "iconfont"; /* Project id 4257468 */
|
||||||
src: url('iconfont.woff2?t=1708504618246') format('woff2'),
|
src: url('iconfont.woff2?t=1723796605504') format('woff2'),
|
||||||
url('iconfont.woff?t=1708504618246') format('woff'),
|
url('iconfont.woff?t=1723796605504') format('woff'),
|
||||||
url('iconfont.ttf?t=1708504618246') format('truetype');
|
url('iconfont.ttf?t=1723796605504') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
|
|
@ -13,6 +13,18 @@
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-error:before {
|
||||||
|
content: "\e6c6";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-successful:before {
|
||||||
|
content: "\e633";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-warning:before {
|
||||||
|
content: "\e63f";
|
||||||
|
}
|
||||||
|
|
||||||
.icon-payment:before {
|
.icon-payment:before {
|
||||||
content: "\e689";
|
content: "\e689";
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -5,6 +5,27 @@
|
||||||
"css_prefix_text": "icon-",
|
"css_prefix_text": "icon-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
|
{
|
||||||
|
"icon_id": "6652504",
|
||||||
|
"name": "error",
|
||||||
|
"font_class": "error",
|
||||||
|
"unicode": "e6c6",
|
||||||
|
"unicode_decimal": 59078
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "11544971",
|
||||||
|
"name": "successful",
|
||||||
|
"font_class": "successful",
|
||||||
|
"unicode": "e633",
|
||||||
|
"unicode_decimal": 58931
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "11870505",
|
||||||
|
"name": "warning",
|
||||||
|
"font_class": "warning",
|
||||||
|
"unicode": "e63f",
|
||||||
|
"unicode_decimal": 58943
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "289230",
|
"icon_id": "289230",
|
||||||
"name": "payment",
|
"name": "payment",
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue