src/assets/iconfont/demo_index.html
@@ -55,6 +55,24 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">输入</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">连接</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">断开</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">队列</div>
                <div class="code-name">&amp;#xe660;</div>
@@ -192,9 +210,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1729061390753') format('woff2'),
       url('iconfont.woff?t=1729061390753') format('woff'),
       url('iconfont.ttf?t=1729061390753') format('truetype');
  src: url('iconfont.woff2?t=1729667747837') format('woff2'),
       url('iconfont.woff?t=1729667747837') format('woff'),
       url('iconfont.ttf?t=1729667747837') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -219,6 +237,33 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          <li class="dib">
            <span class="icon iconfont icon-shuru"></span>
            <div class="name">
              输入
            </div>
            <div class="code-name">.icon-shuru
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              连接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-duankai"></span>
            <div class="name">
              断开
            </div>
            <div class="code-name">.icon-duankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duilie"></span>
@@ -429,6 +474,30 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuru"></use>
                </svg>
                <div class="name">输入</div>
                <div class="code-name">#icon-shuru</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">连接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duankai"></use>
                </svg>
                <div class="name">断开</div>
                <div class="code-name">#icon-duankai</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duilie"></use>
                </svg>
                <div class="name">队列</div>