提交 26247568 authored 作者: wangjiahao's avatar wangjiahao

refactor:修改视图悬浮图标

上级 47582f62
...@@ -54,6 +54,18 @@ ...@@ -54,6 +54,18 @@
<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">&#xe612;</span>
<div class="name">edit-2</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe706;</span>
<div class="name">详情</div>
<div class="code-name">&amp;#xe706;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe603;</span> <span class="icon iconfont">&#xe603;</span>
<div class="name">弧形框</div> <div class="name">弧形框</div>
...@@ -306,9 +318,9 @@ ...@@ -306,9 +318,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=1626927148990') format('woff2'), src: url('iconfont.woff2?t=1627282547459') format('woff2'),
url('iconfont.woff?t=1626927148990') format('woff'), url('iconfont.woff?t=1627282547459') format('woff'),
url('iconfont.ttf?t=1626927148990') format('truetype'); url('iconfont.ttf?t=1627282547459') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
...@@ -334,6 +346,24 @@ ...@@ -334,6 +346,24 @@
<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-edit"></span>
<div class="name">
edit-2
</div>
<div class="code-name">.icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangqing1"></span>
<div class="name">
详情
</div>
<div class="code-name">.icon-xiangqing1
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-weibiaoti-1"></span> <span class="icon iconfont icon-weibiaoti-1"></span>
<div class="name"> <div class="name">
...@@ -712,6 +742,22 @@ ...@@ -712,6 +742,22 @@
<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-edit"></use>
</svg>
<div class="name">edit-2</div>
<div class="code-name">#icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangqing1"></use>
</svg>
<div class="name">详情</div>
<div class="code-name">#icon-xiangqing1</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-weibiaoti-1"></use> <use xlink:href="#icon-weibiaoti-1"></use>
......
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2459092 */ font-family: "iconfont"; /* Project id 2459092 */
src: url('iconfont.woff2?t=1626927148990') format('woff2'), src: url('iconfont.woff2?t=1627282547459') format('woff2'),
url('iconfont.woff?t=1626927148990') format('woff'), url('iconfont.woff?t=1627282547459') format('woff'),
url('iconfont.ttf?t=1626927148990') format('truetype'); url('iconfont.ttf?t=1627282547459') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,14 @@ ...@@ -13,6 +13,14 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-edit:before {
content: "\e612";
}
.icon-xiangqing1:before {
content: "\e706";
}
.icon-weibiaoti-1:before { .icon-weibiaoti-1:before {
content: "\e603"; content: "\e603";
} }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -5,6 +5,20 @@ ...@@ -5,6 +5,20 @@
"css_prefix_text": "icon-", "css_prefix_text": "icon-",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "3684252",
"name": "edit-2",
"font_class": "edit",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "7897795",
"name": "详情",
"font_class": "xiangqing1",
"unicode": "e706",
"unicode_decimal": 59142
},
{ {
"icon_id": "12617190", "icon_id": "12617190",
"name": "弧形框", "name": "弧形框",
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论