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:add icons (#460)

Browse Source
This commit is contained in:
dagongren
2024-04-01 17:37:00 +08:00
committed by GitHub
parent c252ef2d08
commit 9dfea3b478
8 changed files with 115 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,6 +54,24 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe910;</span>
<div class="name">VPC</div>
<div class="code-name">&amp;#xe910;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe911;</span>
<div class="name">CDN</div>
<div class="code-name">&amp;#xe911;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90f;</span>
<div class="name">OOS</div>
<div class="code-name">&amp;#xe90f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe90b;</span>
<div class="name">Google Cloud Platform</div>
@@ -4770,9 +4788,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1711618200417') format('woff2'),
url('iconfont.woff?t=1711618200417') format('woff'),
url('iconfont.ttf?t=1711618200417') format('truetype');
src: url('iconfont.woff2?t=1711963254221') format('woff2'),
url('iconfont.woff?t=1711963254221') format('woff'),
url('iconfont.ttf?t=1711963254221') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -4798,6 +4816,33 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont caise-VPC"></span>
<div class="name">
VPC
</div>
<div class="code-name">.caise-VPC
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-CDN"></span>
<div class="name">
CDN
</div>
<div class="code-name">.caise-CDN
</div>
</li>
<li class="dib">
<span class="icon iconfont caise-OOS"></span>
<div class="name">
OOS
</div>
<div class="code-name">.caise-OOS
</div>
</li>
<li class="dib">
<span class="icon iconfont Google_Cloud_Platform"></span>
<div class="name">
@@ -11872,6 +11917,30 @@
<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-VPC"></use>
</svg>
<div class="name">VPC</div>
<div class="code-name">#caise-VPC</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-CDN"></use>
</svg>
<div class="name">CDN</div>
<div class="code-name">#caise-CDN</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#caise-OOS"></use>
</svg>
<div class="name">OOS</div>
<div class="code-name">#caise-OOS</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#Google_Cloud_Platform"></use>