Merge pull request #334 from dataease/pr@dev@refactor_panel_component-icon

refactor:修改视图悬浮图标
This commit is contained in:
王嘉豪 2021-07-26 15:00:04 +08:00 committed by GitHub
commit e55d94d37c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 75 additions and 7 deletions

View File

@ -54,6 +54,18 @@
<div class="content unicode" style="display: block;">
<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">
<span class="icon iconfont">&#xe603;</span>
<div class="name">弧形框</div>
@ -306,9 +318,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1626927148990') format('woff2'),
url('iconfont.woff?t=1626927148990') format('woff'),
url('iconfont.ttf?t=1626927148990') format('truetype');
src: url('iconfont.woff2?t=1627282547459') format('woff2'),
url('iconfont.woff?t=1627282547459') format('woff'),
url('iconfont.ttf?t=1627282547459') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -334,6 +346,24 @@
<div class="content font-class">
<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">
<span class="icon iconfont icon-weibiaoti-1"></span>
<div class="name">
@ -712,6 +742,22 @@
<div class="content symbol">
<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">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti-1"></use>

View File

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 2459092 */
src: url('iconfont.woff2?t=1626927148990') format('woff2'),
url('iconfont.woff?t=1626927148990') format('woff'),
url('iconfont.ttf?t=1626927148990') format('truetype');
src: url('iconfont.woff2?t=1627282547459') format('woff2'),
url('iconfont.woff?t=1627282547459') format('woff'),
url('iconfont.ttf?t=1627282547459') format('truetype');
}
.iconfont {
@ -13,6 +13,14 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-edit:before {
content: "\e612";
}
.icon-xiangqing1:before {
content: "\e706";
}
.icon-weibiaoti-1:before {
content: "\e603";
}

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,20 @@
"css_prefix_text": "icon-",
"description": "",
"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",
"name": "弧形框",