系统监控

heyujie

2021-10-09 0892efe5131551631fe287cfda29e59e4f2f6707

 public/fonts/alibaba/demo_index.html

@@ -55,6 +55,192 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">Group 303</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">5-左2</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">对勾</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">感叹号</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb89;</span>
                <div class="name">icon_添加</div>
                <div class="code-name">&amp;#xeb89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">网络</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">line-WiFi（无线网络）</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">个性设置</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5e;</span>
                <div class="name">声音</div>
                <div class="code-name">&amp;#xeb5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">录像</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">键盘</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">右</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">左</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">对勾</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">语言</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">左</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">心电算法备份 2</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">裕农通-警示感叹号</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">智能算法</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">服务号-营销推广</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">性能</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">名下应用</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe944;</span>
                <div class="name">云端,云服务</div>
                <div class="code-name">&amp;#xe944;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">有线网络</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe738;</div>
@@ -2172,9 +2358,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1632731069844') format('woff2'),
       url('iconfont.woff?t=1632731069844') format('woff'),
       url('iconfont.ttf?t=1632731069844') format('truetype');
  src: url('iconfont.woff2?t=1633683739684') format('woff2'),
       url('iconfont.woff?t=1633683739684') format('woff'),
       url('iconfont.ttf?t=1633683739684') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -2199,6 +2385,285 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconbofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.iconbofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzanting1"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.iconzanting1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyingyong"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.iconyingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icona-Group303"></span>
            <div class="name">
              Group 303
            </div>
            <div class="code-name">.icona-Group303
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuo"></span>
            <div class="name">
              5-左2
            </div>
            <div class="code-name">.icon-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduigou3"></span>
            <div class="name">
              对勾
            </div>
            <div class="code-name">.iconduigou3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongantanhao1"></span>
            <div class="name">
              感叹号
            </div>
            <div class="code-name">.icongantanhao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjian1"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.iconjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon_tianjia"></span>
            <div class="name">
              icon_添加
            </div>
            <div class="code-name">.iconicon_tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.iconshuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala1"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.iconxiala1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwangluo"></span>
            <div class="name">
              网络
            </div>
            <div class="code-name">.iconwangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconline-WiFiwuxianwangluo"></span>
            <div class="name">
              line-WiFi（无线网络）
            </div>
            <div class="code-name">.iconline-WiFiwuxianwangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpersonality-settings"></span>
            <div class="name">
              个性设置
            </div>
            <div class="code-name">.iconpersonality-settings
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvolume"></span>
            <div class="name">
              声音
            </div>
            <div class="code-name">.iconvolume
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconluxiang1"></span>
            <div class="name">
              录像
            </div>
            <div class="code-name">.iconluxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianpan1"></span>
            <div class="name">
              键盘
            </div>
            <div class="code-name">.iconjianpan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyou2"></span>
            <div class="name">
              右
            </div>
            <div class="code-name">.iconyou2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuo1"></span>
            <div class="name">
              左
            </div>
            <div class="code-name">.iconzuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenjian1"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.iconwenjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduigou2"></span>
            <div class="name">
              对勾
            </div>
            <div class="code-name">.iconduigou2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconA"></span>
            <div class="name">
              语言
            </div>
            <div class="code-name">.iconA
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyou3"></span>
            <div class="name">
              左
            </div>
            <div class="code-name">.iconyou3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxindiansuanfabeifen2"></span>
            <div class="name">
              心电算法备份 2
            </div>
            <div class="code-name">.iconxindiansuanfabeifen2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyunongtongjingshigantanhao"></span>
            <div class="name">
              裕农通-警示感叹号
            </div>
            <div class="code-name">.iconyunongtongjingshigantanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhinengsuanfa"></span>
            <div class="name">
              智能算法
            </div>
            <div class="code-name">.iconzhinengsuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaohang-tuiguanglianjie"></span>
            <div class="name">
              服务号-营销推广
            </div>
            <div class="code-name">.icondaohang-tuiguanglianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxingneng"></span>
            <div class="name">
              性能
            </div>
            <div class="code-name">.iconxingneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmingxiayingyong"></span>
            <div class="name">
              名下应用
            </div>
            <div class="code-name">.iconmingxiayingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-service"></span>
            <div class="name">
              云端,云服务
            </div>
            <div class="code-name">.iconcloud-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouxianwangluo"></span>
            <div class="name">
              有线网络
            </div>
            <div class="code-name">.iconyouxianwangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima1"></span>
@@ -5379,6 +5844,254 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#iconbofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzanting1"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#iconzanting1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyingyong"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#iconyingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icona-Group303"></use>
                </svg>
                <div class="name">Group 303</div>
                <div class="code-name">#icona-Group303</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuo"></use>
                </svg>
                <div class="name">5-左2</div>
                <div class="code-name">#icon-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduigou3"></use>
                </svg>
                <div class="name">对勾</div>
                <div class="code-name">#iconduigou3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongantanhao1"></use>
                </svg>
                <div class="name">感叹号</div>
                <div class="code-name">#icongantanhao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjian1"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#iconjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon_tianjia"></use>
                </svg>
                <div class="name">icon_添加</div>
                <div class="code-name">#iconicon_tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#iconshuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala1"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#iconxiala1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwangluo"></use>
                </svg>
                <div class="name">网络</div>
                <div class="code-name">#iconwangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconline-WiFiwuxianwangluo"></use>
                </svg>
                <div class="name">line-WiFi（无线网络）</div>
                <div class="code-name">#iconline-WiFiwuxianwangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpersonality-settings"></use>
                </svg>
                <div class="name">个性设置</div>
                <div class="code-name">#iconpersonality-settings</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvolume"></use>
                </svg>
                <div class="name">声音</div>
                <div class="code-name">#iconvolume</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconluxiang1"></use>
                </svg>
                <div class="name">录像</div>
                <div class="code-name">#iconluxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianpan1"></use>
                </svg>
                <div class="name">键盘</div>
                <div class="code-name">#iconjianpan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyou2"></use>
                </svg>
                <div class="name">右</div>
                <div class="code-name">#iconyou2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuo1"></use>
                </svg>
                <div class="name">左</div>
                <div class="code-name">#iconzuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenjian1"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#iconwenjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduigou2"></use>
                </svg>
                <div class="name">对勾</div>
                <div class="code-name">#iconduigou2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconA"></use>
                </svg>
                <div class="name">语言</div>
                <div class="code-name">#iconA</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyou3"></use>
                </svg>
                <div class="name">左</div>
                <div class="code-name">#iconyou3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxindiansuanfabeifen2"></use>
                </svg>
                <div class="name">心电算法备份 2</div>
                <div class="code-name">#iconxindiansuanfabeifen2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyunongtongjingshigantanhao"></use>
                </svg>
                <div class="name">裕农通-警示感叹号</div>
                <div class="code-name">#iconyunongtongjingshigantanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhinengsuanfa"></use>
                </svg>
                <div class="name">智能算法</div>
                <div class="code-name">#iconzhinengsuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaohang-tuiguanglianjie"></use>
                </svg>
                <div class="name">服务号-营销推广</div>
                <div class="code-name">#icondaohang-tuiguanglianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxingneng"></use>
                </svg>
                <div class="name">性能</div>
                <div class="code-name">#iconxingneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmingxiayingyong"></use>
                </svg>
                <div class="name">名下应用</div>
                <div class="code-name">#iconmingxiayingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-service"></use>
                </svg>
                <div class="name">云端,云服务</div>
                <div class="code-name">#iconcloud-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouxianwangluo"></use>
                </svg>
                <div class="name">有线网络</div>
                <div class="code-name">#iconyouxianwangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima1"></use>
                </svg>
                <div class="name">密码</div>