7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-25 18:12:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): update iconfont

Browse Source
This commit is contained in:
LH_R
2025-08-15 15:52:39 +08:00
parent f46214aaf8
commit 73bdd99829
7 changed files with 183 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,6 +54,36 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xea28;</span>
<div class="name">auto</div>
<div class="code-name">&amp;#xea28;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea26;</span>
<div class="name">oneterm-http</div>
<div class="code-name">&amp;#xea26;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea27;</span>
<div class="name">oneterm-https</div>
<div class="code-name">&amp;#xea27;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea25;</span>
<div class="name">access_period</div>
<div class="code-name">&amp;#xea25;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea24;</span>
<div class="name">authorization</div>
<div class="code-name">&amp;#xea24;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea23;</span>
<div class="name">onterm-symbolic_link</div>
@@ -6354,9 +6384,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1749393321370') format('woff2'),
url('iconfont.woff?t=1749393321370') format('woff'),
url('iconfont.ttf?t=1749393321370') format('truetype');
src: url('iconfont.woff2?t=1755240492206') format('woff2'),
url('iconfont.woff?t=1755240492206') format('woff'),
url('iconfont.ttf?t=1755240492206') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -6382,6 +6412,51 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont auto"></span>
<div class="name">
auto
</div>
<div class="code-name">.auto
</div>
</li>
<li class="dib">
<span class="icon iconfont oneterm-http"></span>
<div class="name">
oneterm-http
</div>
<div class="code-name">.oneterm-http
</div>
</li>
<li class="dib">
<span class="icon iconfont oneterm-https"></span>
<div class="name">
oneterm-https
</div>
<div class="code-name">.oneterm-https
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-oneterm-access_period"></span>
<div class="name">
access_period
</div>
<div class="code-name">.ops-oneterm-access_period
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-oneterm-authorization"></span>
<div class="name">
authorization
</div>
<div class="code-name">.ops-oneterm-authorization
</div>
</li>
<li class="dib">
<span class="icon iconfont onterm-symbolic_link"></span>
<div class="name">
@@ -6464,11 +6539,11 @@
</li>
<li class="dib">
<span class="icon iconfont a-command_interception1"></span>
<span class="icon iconfont ops-oneterm-command_interception1"></span>
<div class="name">
command_interception (1)
</div>
<div class="code-name">.a-command_interception1
<div class="code-name">.ops-oneterm-command_interception1
</div>
</li>
@@ -15832,6 +15907,46 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#auto"></use>
</svg>
<div class="name">auto</div>
<div class="code-name">#auto</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#oneterm-http"></use>
</svg>
<div class="name">oneterm-http</div>
<div class="code-name">#oneterm-http</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#oneterm-https"></use>
</svg>
<div class="name">oneterm-https</div>
<div class="code-name">#oneterm-https</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-oneterm-access_period"></use>
</svg>
<div class="name">access_period</div>
<div class="code-name">#ops-oneterm-access_period</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-oneterm-authorization"></use>
</svg>
<div class="name">authorization</div>
<div class="code-name">#ops-oneterm-authorization</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#onterm-symbolic_link"></use>
@@ -15906,10 +16021,10 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-command_interception1"></use>
<use xlink:href="#ops-oneterm-command_interception1"></use>
</svg>
<div class="name">command_interception (1)</div>
<div class="code-name">#a-command_interception1</div>
<div class="code-name">#ops-oneterm-command_interception1</div>
</li>
<li class="dib">

28
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=1749393321370') format('woff2'),
url('iconfont.woff?t=1749393321370') format('woff'),
url('iconfont.ttf?t=1749393321370') format('truetype');
src: url('iconfont.woff2?t=1755240492206') format('woff2'),
url('iconfont.woff?t=1755240492206') format('woff'),
url('iconfont.ttf?t=1755240492206') format('truetype');
}
.iconfont {
@@ -13,6 +13,26 @@
-moz-osx-font-smoothing: grayscale;
}
.auto:before {
content: "\ea28";
}
.oneterm-http:before {
content: "\ea26";
}
.oneterm-https:before {
content: "\ea27";
}
.ops-oneterm-access_period:before {
content: "\ea25";
}
.ops-oneterm-authorization:before {
content: "\ea24";
}
.onterm-symbolic_link:before {
content: "\ea23";
}
@@ -49,7 +69,7 @@
content: "\ea1d";
}
.a-command_interception1:before {
.ops-oneterm-command_interception1:before {
content: "\ea17";
}

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

File diff suppressed because one or more lines are too long

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

@@ -5,6 +5,41 @@
"css_prefix_text": "",
"description": "",
"glyphs": [
{
"icon_id": "45254419",
"name": "auto",
"font_class": "auto",
"unicode": "ea28",
"unicode_decimal": 59944
},
{
"icon_id": "45069619",
"name": "oneterm-http",
"font_class": "oneterm-http",
"unicode": "ea26",
"unicode_decimal": 59942
},
{
"icon_id": "45069616",
"name": "oneterm-https",
"font_class": "oneterm-https",
"unicode": "ea27",
"unicode_decimal": 59943
},
{
"icon_id": "44939355",
"name": "access_period",
"font_class": "ops-oneterm-access_period",
"unicode": "ea25",
"unicode_decimal": 59941
},
{
"icon_id": "44939354",
"name": "authorization",
"font_class": "ops-oneterm-authorization",
"unicode": "ea24",
"unicode_decimal": 59940
},
{
"icon_id": "44501032",
"name": "onterm-symbolic_link",
@@ -71,7 +106,7 @@
{
"icon_id": "44276353",
"name": "command_interception (1)",
"font_class": "a-command_interception1",
"font_class": "ops-oneterm-command_interception1",
"unicode": "ea17",
"unicode_decimal": 59927
},

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.