zhangzengfei
2022-08-04 a6119509e09abadc65f020f594ae446883567bd5
public/fonts/demo_index.html
@@ -55,6 +55,168 @@
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">时间段</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">等级</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">任务描述</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">声音</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">关联</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">基本资料</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">账户总览</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">子账户管理</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">消息中心</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">算法管理</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">运营管理</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">日期_14</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">管理员报表-18</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">首页-18</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">说明_14</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">配置提示_14</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">0管理中心2</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">0管理中心</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">0播放@1x</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">0暂停@1x</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">算力管理_数据流转-09</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">算力管理_模板助手-09</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">算力管理_算法事件-09</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">摄像机管理0_GB28181-18</div>
                <div class="code-name">&amp;#xe64c;</div>
@@ -229,12 +391,6 @@
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">算力管理_模板助手-09</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">算力管理_等待轮询处理-18</div>
                <div class="code-name">&amp;#xe629;</div>
@@ -247,12 +403,6 @@
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">算力管理_算法事件-09</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">算力管理_返回-18</div>
                <div class="code-name">&amp;#xe62c;</div>
@@ -262,12 +412,6 @@
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">算力管理_算法不全-18</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">算力管理_数据流转-09</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
@@ -540,9 +684,9 @@
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1646298804790') format('woff2'),
       url('iconfont.woff?t=1646298804790') format('woff'),
       url('iconfont.ttf?t=1646298804790') format('truetype');
  src: url('iconfont.woff2?t=1657623241745') format('woff2'),
       url('iconfont.woff?t=1657623241745') format('woff'),
       url('iconfont.ttf?t=1657623241745') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@@ -567,6 +711,249 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          <li class="dib">
            <span class="icon iconfont icon-shijianduan"></span>
            <div class="name">
              时间段
            </div>
            <div class="code-name">.icon-shijianduan
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-dengji"></span>
            <div class="name">
              等级
            </div>
            <div class="code-name">.icon-dengji
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-renwumiaoshu"></span>
            <div class="name">
              任务描述
            </div>
            <div class="code-name">.icon-renwumiaoshu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-shengyin"></span>
            <div class="name">
              声音
            </div>
            <div class="code-name">.icon-shengyin
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-guanlian"></span>
            <div class="name">
              关联
            </div>
            <div class="code-name">.icon-guanlian
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli1"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli1
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-jibenziliao"></span>
            <div class="name">
              基本资料
            </div>
            <div class="code-name">.icon-jibenziliao
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-zhanghuzonglan"></span>
            <div class="name">
              账户总览
            </div>
            <div class="code-name">.icon-zhanghuzonglan
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-zizhanghuguanli"></span>
            <div class="name">
              子账户管理
            </div>
            <div class="code-name">.icon-zizhanghuguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-xiaoxizhongxin"></span>
            <div class="name">
              消息中心
            </div>
            <div class="code-name">.icon-xiaoxizhongxin
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanfaguanli"></span>
            <div class="name">
              算法管理
            </div>
            <div class="code-name">.icon-suanfaguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-yunyingguanli"></span>
            <div class="name">
              运营管理
            </div>
            <div class="code-name">.icon-yunyingguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-riqi_14"></span>
            <div class="name">
              日期_14
            </div>
            <div class="code-name">.icon-riqi_14
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-guanliyuanbaobiao-18"></span>
            <div class="name">
              管理员报表-18
            </div>
            <div class="code-name">.icon-guanliyuanbaobiao-18
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-shouye-18"></span>
            <div class="name">
              首页-18
            </div>
            <div class="code-name">.icon-shouye-18
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-shuoming_14"></span>
            <div class="name">
              说明_14
            </div>
            <div class="code-name">.icon-shuoming_14
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-peizhitishi_14"></span>
            <div class="name">
              配置提示_14
            </div>
            <div class="code-name">.icon-peizhitishi_14
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-a-0guanlizhongxin2"></span>
            <div class="name">
              0管理中心2
            </div>
            <div class="code-name">.icon-a-0guanlizhongxin2
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-a-0guanlizhongxin"></span>
            <div class="name">
              0管理中心
            </div>
            <div class="code-name">.icon-a-0guanlizhongxin
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-a-0bofang1x"></span>
            <div class="name">
              0播放@1x
            </div>
            <div class="code-name">.icon-a-0bofang1x
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-a-0zanting1x"></span>
            <div class="name">
              0暂停@1x
            </div>
            <div class="code-name">.icon-a-0zanting1x
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_shujuliuzhuan-091"></span>
            <div class="name">
              算力管理_数据流转-09
            </div>
            <div class="code-name">.icon-suanliguanli_shujuliuzhuan-091
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_mobanzhushou-091"></span>
            <div class="name">
              算力管理_模板助手-09
            </div>
            <div class="code-name">.icon-suanliguanli_mobanzhushou-091
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_suanfashijian-091"></span>
            <div class="name">
              算力管理_算法事件-09
            </div>
            <div class="code-name">.icon-suanliguanli_suanfashijian-091
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shexiangjiguanli0_GB28181-18"></span>
@@ -830,15 +1217,6 @@
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_mobanzhushou-09"></span>
            <div class="name">
              算力管理_模板助手-09
            </div>
            <div class="code-name">.icon-suanliguanli_mobanzhushou-09
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_dengdailunxunchuli-18"></span>
            <div class="name">
              算力管理_等待轮询处理-18
@@ -857,15 +1235,6 @@
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_suanfashijian-09"></span>
            <div class="name">
              算力管理_算法事件-09
            </div>
            <div class="code-name">.icon-suanliguanli_suanfashijian-09
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_fanhui-18"></span>
            <div class="name">
              算力管理_返回-18
@@ -880,15 +1249,6 @@
              算力管理_算法不全-18
            </div>
            <div class="code-name">.icon-suanliguanli_suanfabuquan-18
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-suanliguanli_shujuliuzhuan-09"></span>
            <div class="name">
              算力管理_数据流转-09
            </div>
            <div class="code-name">.icon-suanliguanli_shujuliuzhuan-09
            </div>
          </li>
          
@@ -1299,6 +1659,222 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianduan"></use>
                </svg>
                <div class="name">时间段</div>
                <div class="code-name">#icon-shijianduan</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dengji"></use>
                </svg>
                <div class="name">等级</div>
                <div class="code-name">#icon-dengji</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwumiaoshu"></use>
                </svg>
                <div class="name">任务描述</div>
                <div class="code-name">#icon-renwumiaoshu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengyin"></use>
                </svg>
                <div class="name">声音</div>
                <div class="code-name">#icon-shengyin</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlian"></use>
                </svg>
                <div class="name">关联</div>
                <div class="code-name">#icon-guanlian</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanguanli1"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-dingdanguanli1</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jibenziliao"></use>
                </svg>
                <div class="name">基本资料</div>
                <div class="code-name">#icon-jibenziliao</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghuzonglan"></use>
                </svg>
                <div class="name">账户总览</div>
                <div class="code-name">#icon-zhanghuzonglan</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zizhanghuguanli"></use>
                </svg>
                <div class="name">子账户管理</div>
                <div class="code-name">#icon-zizhanghuguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxizhongxin"></use>
                </svg>
                <div class="name">消息中心</div>
                <div class="code-name">#icon-xiaoxizhongxin</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanfaguanli"></use>
                </svg>
                <div class="name">算法管理</div>
                <div class="code-name">#icon-suanfaguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanguanli"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-dingdanguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#icon-yingyongguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunyingguanli"></use>
                </svg>
                <div class="name">运营管理</div>
                <div class="code-name">#icon-yunyingguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi_14"></use>
                </svg>
                <div class="name">日期_14</div>
                <div class="code-name">#icon-riqi_14</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanliyuanbaobiao-18"></use>
                </svg>
                <div class="name">管理员报表-18</div>
                <div class="code-name">#icon-guanliyuanbaobiao-18</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye-18"></use>
                </svg>
                <div class="name">首页-18</div>
                <div class="code-name">#icon-shouye-18</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuoming_14"></use>
                </svg>
                <div class="name">说明_14</div>
                <div class="code-name">#icon-shuoming_14</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peizhitishi_14"></use>
                </svg>
                <div class="name">配置提示_14</div>
                <div class="code-name">#icon-peizhitishi_14</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-0guanlizhongxin2"></use>
                </svg>
                <div class="name">0管理中心2</div>
                <div class="code-name">#icon-a-0guanlizhongxin2</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-0guanlizhongxin"></use>
                </svg>
                <div class="name">0管理中心</div>
                <div class="code-name">#icon-a-0guanlizhongxin</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-0bofang1x"></use>
                </svg>
                <div class="name">0播放@1x</div>
                <div class="code-name">#icon-a-0bofang1x</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-0zanting1x"></use>
                </svg>
                <div class="name">0暂停@1x</div>
                <div class="code-name">#icon-a-0zanting1x</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_shujuliuzhuan-091"></use>
                </svg>
                <div class="name">算力管理_数据流转-09</div>
                <div class="code-name">#icon-suanliguanli_shujuliuzhuan-091</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_mobanzhushou-091"></use>
                </svg>
                <div class="name">算力管理_模板助手-09</div>
                <div class="code-name">#icon-suanliguanli_mobanzhushou-091</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_suanfashijian-091"></use>
                </svg>
                <div class="name">算力管理_算法事件-09</div>
                <div class="code-name">#icon-suanliguanli_suanfashijian-091</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shexiangjiguanli0_GB28181-18"></use>
                </svg>
                <div class="name">摄像机管理0_GB28181-18</div>
@@ -1531,14 +2107,6 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_mobanzhushou-09"></use>
                </svg>
                <div class="name">算力管理_模板助手-09</div>
                <div class="code-name">#icon-suanliguanli_mobanzhushou-09</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_dengdailunxunchuli-18"></use>
                </svg>
                <div class="name">算力管理_等待轮询处理-18</div>
@@ -1555,14 +2123,6 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_suanfashijian-09"></use>
                </svg>
                <div class="name">算力管理_算法事件-09</div>
                <div class="code-name">#icon-suanliguanli_suanfashijian-09</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_fanhui-18"></use>
                </svg>
                <div class="name">算力管理_返回-18</div>
@@ -1575,14 +2135,6 @@
                </svg>
                <div class="name">算力管理_算法不全-18</div>
                <div class="code-name">#icon-suanliguanli_suanfabuquan-18</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suanliguanli_shujuliuzhuan-09"></use>
                </svg>
                <div class="name">算力管理_数据流转-09</div>
                <div class="code-name">#icon-suanliguanli_shujuliuzhuan-09</div>
            </li>
          
            <li class="dib">