7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-26 04:00:11 +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">