Web/bigscreenWeb
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加svg

Browse Source
This commit is contained in:
guanj
2025-10-27 09:20:03 +08:00
parent ea14a290b7
commit 5d4d523111
16 changed files with 862 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/assets/icon/demo_index.html
View File

@@ -54,6 +54,12 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe67a;</span>
<div class="name">传输设备</div>
<div class="code-name">&amp;#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60c;</span>
<div class="name">告警</div>
@@ -78,9 +84,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1752716651599') format('woff2'),
url('iconfont.woff?t=1752716651599') format('woff'),
url('iconfont.ttf?t=1752716651599') format('truetype');
src: url('iconfont.woff2?t=1761527493132') format('woff2'),
url('iconfont.woff?t=1761527493132') format('woff'),
url('iconfont.ttf?t=1761527493132') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -106,6 +112,15 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-chuanshushebei"></span>
<div class="name">
传输设备
</div>
<div class="code-name">.icon-chuanshushebei
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gaojing"></span>
<div class="name">
@@ -142,6 +157,14 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chuanshushebei"></use>
</svg>
<div class="name">传输设备</div>
<div class="code-name">#icon-chuanshushebei</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gaojing"></use>