7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-07 12:40:13 +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>