7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-07 15:23:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update icon select

Browse Source
This commit is contained in:
songlh
2024-09-03 16:40:46 +08:00
parent c3b7303a08
commit 5487d07b53
8 changed files with 463 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
cmdb-ui/public/iconfont/demo_index.html
View File

@@ -54,6 +54,78 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe9c2;</span>
<div class="name">caise-websphere</div>
<div class="code-name">&amp;#xe9c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9c1;</span>
<div class="name">caise-vps</div>
<div class="code-name">&amp;#xe9c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9c0;</span>
<div class="name">caise-F5</div>
<div class="code-name">&amp;#xe9c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9bf;</span>
<div class="name">caise-HAProxy</div>
<div class="code-name">&amp;#xe9bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9be;</span>
<div class="name">caise-JBoss</div>
<div class="code-name">&amp;#xe9be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9bd;</span>
<div class="name">caise-dongfangtong</div>
<div class="code-name">&amp;#xe9bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b7;</span>
<div class="name">caise-kafka</div>
<div class="code-name">&amp;#xe9b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b8;</span>
<div class="name">caise-weblogic</div>
<div class="code-name">&amp;#xe9b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b9;</span>
<div class="name">caise-TDSQL</div>
<div class="code-name">&amp;#xe9b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9ba;</span>
<div class="name">caise-kingbase</div>
<div class="code-name">&amp;#xe9ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9bb;</span>
<div class="name">达梦</div>
<div class="code-name">&amp;#xe9bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9bc;</span>
<div class="name">caise-TIDB</div>
<div class="code-name">&amp;#xe9bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe9b6;</span>
<div class="name">veops-expand</div>
@@ -5700,9 +5772,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1725331691589') format('woff2'),
url('iconfont.woff?t=1725331691589') format('woff'),
url('iconfont.ttf?t=1725331691589') format('truetype');
src: url('iconfont.woff2?t=1725351982733') format('woff2'),
url('iconfont.woff?t=1725351982733') format('woff'),
url('iconfont.ttf?t=1725351982733') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -5728,6 +5800,114 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont caise-websphere"></span>
<div class="name">
caise-websphere
</div>
<div class="code-name">.caise-websphere
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-vps"></span>
<div class="name">
caise-vps
</div>
<div class="code-name">.caise-vps
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-F5"></span>
<div class="name">
caise-F5
</div>
<div class="code-name">.caise-F5
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-HAProxy"></span>
<div class="name">
caise-HAProxy
</div>
<div class="code-name">.caise-HAProxy
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-JBoss"></span>
<div class="name">
caise-JBoss
</div>
<div class="code-name">.caise-JBoss
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-dongfangtong"></span>
<div class="name">
caise-dongfangtong
</div>
<div class="code-name">.caise-dongfangtong
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-kafka"></span>
<div class="name">
caise-kafka
</div>
<div class="code-name">.caise-kafka
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-weblogic"></span>
<div class="name">
caise-weblogic
</div>
<div class="code-name">.caise-weblogic
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-TDSQL"></span>
<div class="name">
caise-TDSQL
</div>
<div class="code-name">.caise-TDSQL
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-kingbase"></span>
<div class="name">
caise-kingbase
</div>
<div class="code-name">.caise-kingbase
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-dameng"></span>
<div class="name">
达梦
</div>
<div class="code-name">.caise-dameng
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-TIDB"></span>
<div class="name">
caise-TIDB
</div>
<div class="code-name">.caise-TIDB
</div>
</li>
<li class="dib">
<span class="icon iconfont veops-expand"></span>
<div class="name">
@@ -14197,6 +14377,102 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-websphere"></use>
</svg>
<div class="name">caise-websphere</div>
<div class="code-name">#caise-websphere</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-vps"></use>
</svg>
<div class="name">caise-vps</div>
<div class="code-name">#caise-vps</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-F5"></use>
</svg>
<div class="name">caise-F5</div>
<div class="code-name">#caise-F5</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-HAProxy"></use>
</svg>
<div class="name">caise-HAProxy</div>
<div class="code-name">#caise-HAProxy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-JBoss"></use>
</svg>
<div class="name">caise-JBoss</div>
<div class="code-name">#caise-JBoss</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-dongfangtong"></use>
</svg>
<div class="name">caise-dongfangtong</div>
<div class="code-name">#caise-dongfangtong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-kafka"></use>
</svg>
<div class="name">caise-kafka</div>
<div class="code-name">#caise-kafka</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-weblogic"></use>
</svg>
<div class="name">caise-weblogic</div>
<div class="code-name">#caise-weblogic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-TDSQL"></use>
</svg>
<div class="name">caise-TDSQL</div>
<div class="code-name">#caise-TDSQL</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-kingbase"></use>
</svg>
<div class="name">caise-kingbase</div>
<div class="code-name">#caise-kingbase</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-dameng"></use>
</svg>
<div class="name">达梦</div>
<div class="code-name">#caise-dameng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-TIDB"></use>
</svg>
<div class="name">caise-TIDB</div>
<div class="code-name">#caise-TIDB</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#veops-expand"></use>

54
cmdb-ui/public/iconfont/iconfont.css
View File

@@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 3857903 */
src: url('iconfont.woff2?t=1725331691589') format('woff2'),
url('iconfont.woff?t=1725331691589') format('woff'),
url('iconfont.ttf?t=1725331691589') format('truetype');
src: url('iconfont.woff2?t=1725351982733') format('woff2'),
url('iconfont.woff?t=1725351982733') format('woff'),
url('iconfont.ttf?t=1725351982733') format('truetype');
}
.iconfont {
@@ -13,6 +13,54 @@
-moz-osx-font-smoothing: grayscale;
}
.caise-websphere:before {
content: "\e9c2";
}
.caise-vps:before {
content: "\e9c1";
}
.caise-F5:before {
content: "\e9c0";
}
.caise-HAProxy:before {
content: "\e9bf";
}
.caise-JBoss:before {
content: "\e9be";
}
.caise-dongfangtong:before {
content: "\e9bd";
}
.caise-kafka:before {
content: "\e9b7";
}
.caise-weblogic:before {
content: "\e9b8";
}
.caise-TDSQL:before {
content: "\e9b9";
}
.caise-kingbase:before {
content: "\e9ba";
}
.caise-dameng:before {
content: "\e9bb";
}
.caise-TIDB:before {
content: "\e9bc";
}
.veops-expand:before {
content: "\e9b6";
}

2
cmdb-ui/public/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

84
cmdb-ui/public/iconfont/iconfont.json
View File

@@ -5,6 +5,90 @@
"css_prefix_text": "",
"description": "",
"glyphs": [
{
"icon_id": "41724497",
"name": "caise-websphere",
"font_class": "caise-websphere",
"unicode": "e9c2",
"unicode_decimal": 59842
},
{
"icon_id": "41724575",
"name": "caise-vps",
"font_class": "caise-vps",
"unicode": "e9c1",
"unicode_decimal": 59841
},
{
"icon_id": "41724631",
"name": "caise-F5",
"font_class": "caise-F5",
"unicode": "e9c0",
"unicode_decimal": 59840
},
{
"icon_id": "41724653",
"name": "caise-HAProxy",
"font_class": "caise-HAProxy",
"unicode": "e9bf",
"unicode_decimal": 59839
},
{
"icon_id": "41722953",
"name": "caise-JBoss",
"font_class": "caise-JBoss",
"unicode": "e9be",
"unicode_decimal": 59838
},
{
"icon_id": "41722960",
"name": "caise-dongfangtong",
"font_class": "caise-dongfangtong",
"unicode": "e9bd",
"unicode_decimal": 59837
},
{
"icon_id": "41722681",
"name": "caise-kafka",
"font_class": "caise-kafka",
"unicode": "e9b7",
"unicode_decimal": 59831
},
{
"icon_id": "41722680",
"name": "caise-weblogic",
"font_class": "caise-weblogic",
"unicode": "e9b8",
"unicode_decimal": 59832
},
{
"icon_id": "41722679",
"name": "caise-TDSQL",
"font_class": "caise-TDSQL",
"unicode": "e9b9",
"unicode_decimal": 59833
},
{
"icon_id": "41722678",
"name": "caise-kingbase",
"font_class": "caise-kingbase",
"unicode": "e9ba",
"unicode_decimal": 59834
},
{
"icon_id": "41722677",
"name": "达梦",
"font_class": "caise-dameng",
"unicode": "e9bb",
"unicode_decimal": 59835
},
{
"icon_id": "41722675",
"name": "caise-TIDB",
"font_class": "caise-TIDB",
"unicode": "e9bc",
"unicode_decimal": 59836
},
{
"icon_id": "41681675",
"name": "veops-expand",

BIN
cmdb-ui/public/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
cmdb-ui/public/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
cmdb-ui/public/iconfont/iconfont.woff2
View File

Binary file not shown.