hanbaoshan
2021-01-19 a53f3b0645e3b0455a8c9a4a1cd0f061a8106c8d
public/fonts/alibaba/demo_index.html
@@ -3,7 +3,7 @@
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
@@ -29,6 +29,228 @@
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">存储</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">可视化</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">关联</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">购买</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">区域</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">天气</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">在岗</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">人员数量预警</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">人员数量区间预警</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">打架</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">滞留</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">聚众</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">离岗</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">缺岗</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">越界</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">shuigang</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">安全警戒</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">跟踪</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">云下载</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">试听</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">跌倒评分</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">奔跑</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">土豆与帽子</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">人数口罩</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">车辆检测</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">抽烟</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">群体徘徊逗留</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
@@ -1333,6 +1555,339 @@
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          <li class="dib">
            <span class="icon iconfont iconshouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouye
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconcunchu"></span>
            <div class="name">
              存储
            </div>
            <div class="code-name">.iconcunchu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconshipin2"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.iconshipin2
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconicon-test4"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.iconicon-test4
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconrenyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.iconrenyuanguanli
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconrenwu1"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.iconrenwu1
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconkeshihua"></span>
            <div class="name">
              可视化
            </div>
            <div class="code-name">.iconkeshihua
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconguanzhu"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.iconguanzhu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconfenzu"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.iconfenzu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon17guanlian3x"></span>
            <div class="name">
              关联
            </div>
            <div class="code-name">.icon17guanlian3x
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icongoumai1"></span>
            <div class="name">
              购买
            </div>
            <div class="code-name">.icongoumai1
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconquyu"></span>
            <div class="name">
              区域
            </div>
            <div class="code-name">.iconquyu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icondaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icondaoru
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icontianqi"></span>
            <div class="name">
              天气
            </div>
            <div class="code-name">.icontianqi
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconzaigang"></span>
            <div class="name">
              在岗
            </div>
            <div class="code-name">.iconzaigang
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconjiancerenyuanshuliang"></span>
            <div class="name">
              人员数量预警
            </div>
            <div class="code-name">.iconjiancerenyuanshuliang
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconjiancerenyuanshuliang1"></span>
            <div class="name">
              人员数量区间预警
            </div>
            <div class="code-name">.iconjiancerenyuanshuliang1
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icondajia"></span>
            <div class="name">
              打架
            </div>
            <div class="code-name">.icondajia
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconzhiliu"></span>
            <div class="name">
              滞留
            </div>
            <div class="code-name">.iconzhiliu
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconjuzhong"></span>
            <div class="name">
              聚众
            </div>
            <div class="code-name">.iconjuzhong
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconligang"></span>
            <div class="name">
              离岗
            </div>
            <div class="code-name">.iconligang
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconquegang"></span>
            <div class="name">
              缺岗
            </div>
            <div class="code-name">.iconquegang
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconyuejie"></span>
            <div class="name">
              越界
            </div>
            <div class="code-name">.iconyuejie
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconshuigang"></span>
            <div class="name">
              shuigang
            </div>
            <div class="code-name">.iconshuigang
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconanquanjingjie"></span>
            <div class="name">
              安全警戒
            </div>
            <div class="code-name">.iconanquanjingjie
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icongenzong"></span>
            <div class="name">
              跟踪
            </div>
            <div class="code-name">.icongenzong
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconshanchu7"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.iconshanchu7
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconyunxiazai"></span>
            <div class="name">
              云下载
            </div>
            <div class="code-name">.iconyunxiazai
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconshiting"></span>
            <div class="name">
              试听
            </div>
            <div class="code-name">.iconshiting
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icondiedaopingfen"></span>
            <div class="name">
              跌倒评分
            </div>
            <div class="code-name">.icondiedaopingfen
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconbenpao"></span>
            <div class="name">
              奔跑
            </div>
            <div class="code-name">.iconbenpao
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icontudouyumaozi"></span>
            <div class="name">
              土豆与帽子
            </div>
            <div class="code-name">.icontudouyumaozi
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconrenshukouzhao"></span>
            <div class="name">
              人数口罩
            </div>
            <div class="code-name">.iconrenshukouzhao
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconcheliangjiance"></span>
            <div class="name">
              车辆检测
            </div>
            <div class="code-name">.iconcheliangjiance
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconchouyan-copy"></span>
            <div class="name">
              抽烟
            </div>
            <div class="code-name">.iconchouyan-copy
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconquntipaihuaidouliu-copy"></span>
            <div class="name">
              群体徘徊逗留
            </div>
            <div class="code-name">.iconquntipaihuaidouliu-copy
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont iconxiazai1"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.iconxiazai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test3"></span>
@@ -3246,6 +3801,302 @@
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouye</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcunchu"></use>
                </svg>
                <div class="name">存储</div>
                <div class="code-name">#iconcunchu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshipin2"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#iconshipin2</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test4"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#iconicon-test4</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#iconrenyuanguanli</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenwu1"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#iconrenwu1</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkeshihua"></use>
                </svg>
                <div class="name">可视化</div>
                <div class="code-name">#iconkeshihua</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhu"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#iconguanzhu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenzu"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#iconfenzu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon17guanlian3x"></use>
                </svg>
                <div class="name">关联</div>
                <div class="code-name">#icon17guanlian3x</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongoumai1"></use>
                </svg>
                <div class="name">购买</div>
                <div class="code-name">#icongoumai1</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquyu"></use>
                </svg>
                <div class="name">区域</div>
                <div class="code-name">#iconquyu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icondaoru</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianqi"></use>
                </svg>
                <div class="name">天气</div>
                <div class="code-name">#icontianqi</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzaigang"></use>
                </svg>
                <div class="name">在岗</div>
                <div class="code-name">#iconzaigang</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiancerenyuanshuliang"></use>
                </svg>
                <div class="name">人员数量预警</div>
                <div class="code-name">#iconjiancerenyuanshuliang</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiancerenyuanshuliang1"></use>
                </svg>
                <div class="name">人员数量区间预警</div>
                <div class="code-name">#iconjiancerenyuanshuliang1</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondajia"></use>
                </svg>
                <div class="name">打架</div>
                <div class="code-name">#icondajia</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhiliu"></use>
                </svg>
                <div class="name">滞留</div>
                <div class="code-name">#iconzhiliu</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjuzhong"></use>
                </svg>
                <div class="name">聚众</div>
                <div class="code-name">#iconjuzhong</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconligang"></use>
                </svg>
                <div class="name">离岗</div>
                <div class="code-name">#iconligang</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquegang"></use>
                </svg>
                <div class="name">缺岗</div>
                <div class="code-name">#iconquegang</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuejie"></use>
                </svg>
                <div class="name">越界</div>
                <div class="code-name">#iconyuejie</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuigang"></use>
                </svg>
                <div class="name">shuigang</div>
                <div class="code-name">#iconshuigang</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanquanjingjie"></use>
                </svg>
                <div class="name">安全警戒</div>
                <div class="code-name">#iconanquanjingjie</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongenzong"></use>
                </svg>
                <div class="name">跟踪</div>
                <div class="code-name">#icongenzong</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu7"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#iconshanchu7</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyunxiazai"></use>
                </svg>
                <div class="name">云下载</div>
                <div class="code-name">#iconyunxiazai</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshiting"></use>
                </svg>
                <div class="name">试听</div>
                <div class="code-name">#iconshiting</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiedaopingfen"></use>
                </svg>
                <div class="name">跌倒评分</div>
                <div class="code-name">#icondiedaopingfen</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbenpao"></use>
                </svg>
                <div class="name">奔跑</div>
                <div class="code-name">#iconbenpao</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontudouyumaozi"></use>
                </svg>
                <div class="name">土豆与帽子</div>
                <div class="code-name">#icontudouyumaozi</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenshukouzhao"></use>
                </svg>
                <div class="name">人数口罩</div>
                <div class="code-name">#iconrenshukouzhao</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheliangjiance"></use>
                </svg>
                <div class="name">车辆检测</div>
                <div class="code-name">#iconcheliangjiance</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchouyan-copy"></use>
                </svg>
                <div class="name">抽烟</div>
                <div class="code-name">#iconchouyan-copy</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquntipaihuaidouliu-copy"></use>
                </svg>
                <div class="name">群体徘徊逗留</div>
                <div class="code-name">#iconquntipaihuaidouliu-copy</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiazai1"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#iconxiazai1</div>
            </li>
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test3"></use>
                </svg>
                <div class="name">11(1)</div>