mirror of
https://github.com/veops/cmdb.git
synced 2025-08-09 16:12:46 +08:00
feat(ui): add dcim
This commit is contained in:
songlh
@@ -54,6 +54,66 @@
|
||||
<div class="content unicode" style="display: block;">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-rear</div>
|
||||
<div class="code-name">&#xea02;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-front</div>
|
||||
<div class="code-name">&#xea03;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-xianggang</div>
|
||||
<div class="code-name">&#xea01;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-device (2)</div>
|
||||
<div class="code-name">&#xea00;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-room (1)</div>
|
||||
<div class="code-name">&#xe9ff;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-IDC</div>
|
||||
<div class="code-name">&#xe9fe;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-region</div>
|
||||
<div class="code-name">&#xe9fd;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-device</div>
|
||||
<div class="code-name">&#xe9fb;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-cabinet</div>
|
||||
<div class="code-name">&#xe9fc;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">veops-data_center</div>
|
||||
<div class="code-name">&#xe9f9;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">ops-setting-holiday_management-copy</div>
|
||||
@@ -6102,9 +6162,9 @@
|
||||
<pre><code class="language-css"
|
||||
>@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1731312848138') format('woff2'),
|
||||
url('iconfont.woff?t=1731312848138') format('woff'),
|
||||
url('iconfont.ttf?t=1731312848138') format('truetype');
|
||||
src: url('iconfont.woff2?t=1732673294759') format('woff2'),
|
||||
url('iconfont.woff?t=1732673294759') format('woff'),
|
||||
url('iconfont.ttf?t=1732673294759') format('truetype');
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
||||
@@ -6130,6 +6190,96 @@
|
||||
<div class="content font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-rear"></span>
|
||||
<div class="name">
|
||||
veops-rear
|
||||
</div>
|
||||
<div class="code-name">.veops-rear
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-front"></span>
|
||||
<div class="name">
|
||||
veops-front
|
||||
</div>
|
||||
<div class="code-name">.veops-front
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-xianggang"></span>
|
||||
<div class="name">
|
||||
veops-xianggang
|
||||
</div>
|
||||
<div class="code-name">.veops-xianggang
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont a-veops-device2"></span>
|
||||
<div class="name">
|
||||
veops-device (2)
|
||||
</div>
|
||||
<div class="code-name">.a-veops-device2
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont a-veops-room1"></span>
|
||||
<div class="name">
|
||||
veops-room (1)
|
||||
</div>
|
||||
<div class="code-name">.a-veops-room1
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-IDC"></span>
|
||||
<div class="name">
|
||||
veops-IDC
|
||||
</div>
|
||||
<div class="code-name">.veops-IDC
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-region"></span>
|
||||
<div class="name">
|
||||
veops-region
|
||||
</div>
|
||||
<div class="code-name">.veops-region
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-device"></span>
|
||||
<div class="name">
|
||||
veops-device
|
||||
</div>
|
||||
<div class="code-name">.veops-device
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-cabinet"></span>
|
||||
<div class="name">
|
||||
veops-cabinet
|
||||
</div>
|
||||
<div class="code-name">.veops-cabinet
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont veops-data_center"></span>
|
||||
<div class="name">
|
||||
veops-data_center
|
||||
</div>
|
||||
<div class="code-name">.veops-data_center
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont ops-setting-holidays"></span>
|
||||
<div class="name">
|
||||
@@ -15202,6 +15352,86 @@
|
||||
<div class="content symbol">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-rear"></use>
|
||||
</svg>
|
||||
<div class="name">veops-rear</div>
|
||||
<div class="code-name">#veops-rear</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-front"></use>
|
||||
</svg>
|
||||
<div class="name">veops-front</div>
|
||||
<div class="code-name">#veops-front</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-xianggang"></use>
|
||||
</svg>
|
||||
<div class="name">veops-xianggang</div>
|
||||
<div class="code-name">#veops-xianggang</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#a-veops-device2"></use>
|
||||
</svg>
|
||||
<div class="name">veops-device (2)</div>
|
||||
<div class="code-name">#a-veops-device2</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#a-veops-room1"></use>
|
||||
</svg>
|
||||
<div class="name">veops-room (1)</div>
|
||||
<div class="code-name">#a-veops-room1</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-IDC"></use>
|
||||
</svg>
|
||||
<div class="name">veops-IDC</div>
|
||||
<div class="code-name">#veops-IDC</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-region"></use>
|
||||
</svg>
|
||||
<div class="name">veops-region</div>
|
||||
<div class="code-name">#veops-region</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-device"></use>
|
||||
</svg>
|
||||
<div class="name">veops-device</div>
|
||||
<div class="code-name">#veops-device</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-cabinet"></use>
|
||||
</svg>
|
||||
<div class="name">veops-cabinet</div>
|
||||
<div class="code-name">#veops-cabinet</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#veops-data_center"></use>
|
||||
</svg>
|
||||
<div class="name">veops-data_center</div>
|
||||
<div class="code-name">#veops-data_center</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#ops-setting-holidays"></use>
|
||||
|
||||
Reference in New Issue
Block a user