forked from github/dataease
feat: 替换tabs图标
This commit is contained in:
parent
7dac4702c8
commit
a72a4a1143
@ -33,7 +33,7 @@ export const assistList = [
|
|||||||
component: 'de-tabs',
|
component: 'de-tabs',
|
||||||
type: 'de-tabs',
|
type: 'de-tabs',
|
||||||
label: '选项卡',
|
label: '选项卡',
|
||||||
icon: 'iconfont icon-juxing',
|
icon: 'iconfont icon-tabs',
|
||||||
defaultClass: 'text-filter'
|
defaultClass: 'text-filter'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@ -152,7 +152,7 @@ const list = [
|
|||||||
component: 'de-tabs',
|
component: 'de-tabs',
|
||||||
label: '选项卡',
|
label: '选项卡',
|
||||||
propValue: '',
|
propValue: '',
|
||||||
icon: 'juxing',
|
icon: 'tabs',
|
||||||
type: 'de-tabs',
|
type: 'de-tabs',
|
||||||
style: {
|
style: {
|
||||||
width: 200,
|
width: 200,
|
||||||
|
@ -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"></span>
|
||||||
|
<div class="name">44.tabs</div>
|
||||||
|
<div class="code-name">&#xe62a;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont"></span>
|
||||||
|
<div class="name">洗浴</div>
|
||||||
|
<div class="code-name">&#xe619;</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont"></span>
|
<span class="icon iconfont"></span>
|
||||||
<div class="name">线性图标-取消下钻</div>
|
<div class="name">线性图标-取消下钻</div>
|
||||||
@ -360,9 +372,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=1628652979833') format('woff2'),
|
src: url('iconfont.woff2?t=1632382166116') format('woff2'),
|
||||||
url('iconfont.woff?t=1628652979833') format('woff'),
|
url('iconfont.woff?t=1632382166116') format('woff'),
|
||||||
url('iconfont.ttf?t=1628652979833') format('truetype');
|
url('iconfont.ttf?t=1632382166116') format('truetype');
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
||||||
@ -388,6 +400,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-tabs"></span>
|
||||||
|
<div class="name">
|
||||||
|
44.tabs
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-tabs
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<span class="icon iconfont icon-xiyu"></span>
|
||||||
|
<div class="name">
|
||||||
|
洗浴
|
||||||
|
</div>
|
||||||
|
<div class="code-name">.icon-xiyu
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="dib">
|
<li class="dib">
|
||||||
<span class="icon iconfont icon-quxiaoshangzuan"></span>
|
<span class="icon iconfont icon-quxiaoshangzuan"></span>
|
||||||
<div class="name">
|
<div class="name">
|
||||||
@ -847,6 +877,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-tabs"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">44.tabs</div>
|
||||||
|
<div class="code-name">#icon-tabs</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dib">
|
||||||
|
<svg class="icon svg-icon" aria-hidden="true">
|
||||||
|
<use xlink:href="#icon-xiyu"></use>
|
||||||
|
</svg>
|
||||||
|
<div class="name">洗浴</div>
|
||||||
|
<div class="code-name">#icon-xiyu</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-quxiaoshangzuan"></use>
|
<use xlink:href="#icon-quxiaoshangzuan"></use>
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont"; /* Project id 2459092 */
|
font-family: "iconfont"; /* Project id 2459092 */
|
||||||
src: url('iconfont.woff2?t=1628652979833') format('woff2'),
|
src: url('iconfont.woff2?t=1632382166116') format('woff2'),
|
||||||
url('iconfont.woff?t=1628652979833') format('woff'),
|
url('iconfont.woff?t=1632382166116') format('woff'),
|
||||||
url('iconfont.ttf?t=1628652979833') format('truetype');
|
url('iconfont.ttf?t=1632382166116') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
@ -13,6 +13,14 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-tabs:before {
|
||||||
|
content: "\e62a";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xiyu:before {
|
||||||
|
content: "\e619";
|
||||||
|
}
|
||||||
|
|
||||||
.icon-quxiaoshangzuan:before {
|
.icon-quxiaoshangzuan:before {
|
||||||
content: "\e973";
|
content: "\e973";
|
||||||
}
|
}
|
||||||
|
File diff suppressed because one or more lines are too long
@ -5,6 +5,20 @@
|
|||||||
"css_prefix_text": "icon-",
|
"css_prefix_text": "icon-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
|
{
|
||||||
|
"icon_id": "15196968",
|
||||||
|
"name": "44.tabs",
|
||||||
|
"font_class": "tabs",
|
||||||
|
"unicode": "e62a",
|
||||||
|
"unicode_decimal": 58922
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "23570269",
|
||||||
|
"name": "洗浴",
|
||||||
|
"font_class": "xiyu",
|
||||||
|
"unicode": "e619",
|
||||||
|
"unicode_decimal": 58905
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"icon_id": "23496077",
|
"icon_id": "23496077",
|
||||||
"name": "线性图标-取消下钻",
|
"name": "线性图标-取消下钻",
|
||||||
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue
Block a user