<!DOCTYPE html>
|
<html>
|
<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="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">
|
<script src="iconfont.js"></script>
|
<!-- jQuery -->
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
|
<!-- 代码高亮 -->
|
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
|
</head>
|
<body>
|
<div class="main">
|
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></a></h1>
|
<div class="nav-tabs">
|
<ul id="tabs" class="dib-box">
|
<li class="dib active"><span>Unicode</span></li>
|
<li class="dib"><span>Font class</span></li>
|
<li class="dib"><span>Symbol</span></li>
|
</ul>
|
|
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1155353" target="_blank" class="nav-more">查看项目</a>
|
|
</div>
|
<div class="tab-container">
|
<div class="content unicode" style="display: block;">
|
<ul class="icon_lists dib-box">
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">11(1)</div>
|
<div class="code-name">&#xe6ae;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">传感器</div>
|
<div class="code-name">&#xe6ad;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">shipinwenjianjia-new</div>
|
<div class="code-name">&#xe6ac;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">shipinwenjianjia</div>
|
<div class="code-name">&#xe6ab;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">图片文件夹</div>
|
<div class="code-name">&#xec2f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">图片文件夹</div>
|
<div class="code-name">&#xe6c8;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">全部</div>
|
<div class="code-name">&#xe67f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">8</div>
|
<div class="code-name">&#xe690;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">6</div>
|
<div class="code-name">&#xe693;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">7</div>
|
<div class="code-name">&#xe69f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">9</div>
|
<div class="code-name">&#xe6a4;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">5</div>
|
<div class="code-name">&#xe6a5;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">2(1)</div>
|
<div class="code-name">&#xe6a6;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">3(1)</div>
|
<div class="code-name">&#xe6a7;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">4(1)</div>
|
<div class="code-name">&#xe6a8;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">1(6)</div>
|
<div class="code-name">&#xe6a9;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人员</div>
|
<div class="code-name">&#xe7a5;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实时</div>
|
<div class="code-name">&#xe68f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">暂停</div>
|
<div class="code-name">&#xe6fc;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删 除</div>
|
<div class="code-name">&#xe775;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更多</div>
|
<div class="code-name">&#xe694;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">文件</div>
|
<div class="code-name">&#xe695;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">开始</div>
|
<div class="code-name">&#xe86b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">展开</div>
|
<div class="code-name">&#xe696;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">车辆</div>
|
<div class="code-name">&#xe697;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">重新开始</div>
|
<div class="code-name">&#xe6c2;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">数据 (11)</div>
|
<div class="code-name">&#xe82c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">复制</div>
|
<div class="code-name">&#xe698;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">轮询</div>
|
<div class="code-name">&#xe69b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">收起</div>
|
<div class="code-name">&#xe8b3;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频</div>
|
<div class="code-name">&#xe69d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">内容-未配置</div>
|
<div class="code-name">&#xe69e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">重新处理</div>
|
<div class="code-name">&#xe6c3;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">数据</div>
|
<div class="code-name">&#xe6a0;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">音频</div>
|
<div class="code-name">&#xe6a1;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">上传</div>
|
<div class="code-name">&#xe6a2;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人员库</div>
|
<div class="code-name">&#xe6a3;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">提示-注意</div>
|
<div class="code-name">&#xe699;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">修改图标</div>
|
<div class="code-name">&#xe7bf;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">手</div>
|
<div class="code-name">&#xe67d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">直线</div>
|
<div class="code-name">&#xe732;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">返回</div>
|
<div class="code-name">&#xe680;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">多边形</div>
|
<div class="code-name">&#xe6f8;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删 除</div>
|
<div class="code-name">&#xe681;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">清空</div>
|
<div class="code-name">&#xe682;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">长方形</div>
|
<div class="code-name">&#xe683;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">长箭头</div>
|
<div class="code-name">&#xe689;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">选择资源</div>
|
<div class="code-name">&#xe843;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">复制规则</div>
|
<div class="code-name">&#xe679;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">粘贴</div>
|
<div class="code-name">&#xe67c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">音频@2x</div>
|
<div class="code-name">&#xe677;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">图片</div>
|
<div class="code-name">&#xe6bd;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频</div>
|
<div class="code-name">&#xe700;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">注意</div>
|
<div class="code-name">&#xe672;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">完成</div>
|
<div class="code-name">&#xe676;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">等待</div>
|
<div class="code-name">&#xe67e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">正在进行1</div>
|
<div class="code-name">&#xe678;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">等待</div>
|
<div class="code-name">&#xe673;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">忙碌</div>
|
<div class="code-name">&#xe675;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">共享</div>
|
<div class="code-name">&#xe66f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">独家销售</div>
|
<div class="code-name">&#xe670;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">处理</div>
|
<div class="code-name">&#xe671;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">正在处理</div>
|
<div class="code-name">&#xe6b5;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">密码隐藏</div>
|
<div class="code-name">&#xe66b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">重置密码</div>
|
<div class="code-name">&#xe688;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">密码隐藏</div>
|
<div class="code-name">&#xe66c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">移动组织</div>
|
<div class="code-name">&#xe66d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">权限</div>
|
<div class="code-name">&#xe66e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">存储设备</div>
|
<div class="code-name">&#xe68a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">管理平台</div>
|
<div class="code-name">&#xe68b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">进出入设备</div>
|
<div class="code-name">&#xe68c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">智能计算节点</div>
|
<div class="code-name">&#xe68d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">集群</div>
|
<div class="code-name">&#xe66a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">关闭开启</div>
|
<div class="code-name">&#xe660;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">未靠右行</div>
|
<div class="code-name">&#xe65d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸对比</div>
|
<div class="code-name">&#xe65e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">个体静止</div>
|
<div class="code-name">&#xe65f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人员异动</div>
|
<div class="code-name">&#xe661;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">入侵</div>
|
<div class="code-name">&#xe662;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">车牌识别</div>
|
<div class="code-name">&#xe664;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸检测</div>
|
<div class="code-name">&#xe667;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">修改图片</div>
|
<div class="code-name">&#xe65b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">修改图标</div>
|
<div class="code-name">&#xe69c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更新</div>
|
<div class="code-name">&#xe657;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更新</div>
|
<div class="code-name">&#xe658;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更新</div>
|
<div class="code-name">&#xe659;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更新</div>
|
<div class="code-name">&#xe65a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">设备地图</div>
|
<div class="code-name">&#xe656;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">拥挤</div>
|
<div class="code-name">&#xe652;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">car</div>
|
<div class="code-name">&#xe655;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">监控摄像机</div>
|
<div class="code-name">&#xe669;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">离线</div>
|
<div class="code-name">&#xe650;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">故障</div>
|
<div class="code-name">&#xea57;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">在线</div>
|
<div class="code-name">&#xe651;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">下载</div>
|
<div class="code-name">&#xe687;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">分析摄像机</div>
|
<div class="code-name">&#xe668;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">用户</div>
|
<div class="code-name">&#xe64f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">用户</div>
|
<div class="code-name">&#xe643;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">用户</div>
|
<div class="code-name">&#xe685;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">密码</div>
|
<div class="code-name">&#xe686;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">拖拽</div>
|
<div class="code-name">&#xe64e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">全屏</div>
|
<div class="code-name">&#xe6e2;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">监控</div>
|
<div class="code-name">&#xe654;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">菜单</div>
|
<div class="code-name">&#xe64d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">详情</div>
|
<div class="code-name">&#xe620;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">添加人</div>
|
<div class="code-name">&#xe623;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">搜索人</div>
|
<div class="code-name">&#xe624;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">收藏</div>
|
<div class="code-name">&#xe626;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">播放按钮_hover</div>
|
<div class="code-name">&#xe627;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">播放按钮_默认</div>
|
<div class="code-name">&#xe628;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">菜单收起</div>
|
<div class="code-name">&#xe629;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">菜单展开</div>
|
<div class="code-name">&#xe62c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">宫格4</div>
|
<div class="code-name">&#xe62d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">宫格1</div>
|
<div class="code-name">&#xe630;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">宫格9</div>
|
<div class="code-name">&#xe632;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">梯形距形</div>
|
<div class="code-name">&#xe633;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">树_分栏</div>
|
<div class="code-name">&#xe634;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">任务管理@2x</div>
|
<div class="code-name">&#xe635;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">系统管理@2x</div>
|
<div class="code-name">&#xe636;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">检索@2x</div>
|
<div class="code-name">&#xe637;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">底库管理@2x</div>
|
<div class="code-name">&#xe638;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实时监控</div>
|
<div class="code-name">&#xe639;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频源管理@2x</div>
|
<div class="code-name">&#xe63a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">本地视频@2x</div>
|
<div class="code-name">&#xe63b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">摄像机@2x</div>
|
<div class="code-name">&#xe63d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">在线视频@2x</div>
|
<div class="code-name">&#xe63e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">本地图片@2x</div>
|
<div class="code-name">&#xe63f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">GB28181@2x</div>
|
<div class="code-name">&#xe642;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频AI</div>
|
<div class="code-name">&#xe645;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">新增</div>
|
<div class="code-name">&#xe646;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">任务</div>
|
<div class="code-name">&#xe647;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">编辑</div>
|
<div class="code-name">&#xe648;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删除</div>
|
<div class="code-name">&#xe649;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删除2</div>
|
<div class="code-name">&#xe64a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">本地库</div>
|
<div class="code-name">&#xe64b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">同步库</div>
|
<div class="code-name">&#xe64c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删 除</div>
|
<div class="code-name">&#xe62f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name"> 删 除</div>
|
<div class="code-name">&#xe67b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">保存</div>
|
<div class="code-name">&#xe978;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">卡口视频联动</div>
|
<div class="code-name">&#xe62b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">报警</div>
|
<div class="code-name">&#xe77d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">mtsai 视频AI</div>
|
<div class="code-name">&#xe8dd;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">拥挤监测</div>
|
<div class="code-name">&#xe607;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更多</div>
|
<div class="code-name">&#xe60a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">编辑</div>
|
<div class="code-name">&#xe60c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">静止</div>
|
<div class="code-name">&#xe674;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">任务</div>
|
<div class="code-name">&#xe610;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删 除</div>
|
<div class="code-name">&#xe611;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">日历</div>
|
<div class="code-name">&#xe692;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸识别</div>
|
<div class="code-name">&#xe615;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">GB28181</div>
|
<div class="code-name">&#xe61c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">对勾</div>
|
<div class="code-name">&#xe62a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">返回</div>
|
<div class="code-name">&#xe616;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">复制</div>
|
<div class="code-name">&#xe691;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">收 藏</div>
|
<div class="code-name">&#xe61d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">搜索--1</div>
|
<div class="code-name">&#xe61e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">时间</div>
|
<div class="code-name">&#xe653;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实时视频</div>
|
<div class="code-name">&#xec2e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">车牌</div>
|
<div class="code-name">&#xe68e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸识别</div>
|
<div class="code-name">&#xe61f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删 除 </div>
|
<div class="code-name">&#xe62e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">添加</div>
|
<div class="code-name">&#xe600;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">9</div>
|
<div class="code-name">&#xe614;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">9</div>
|
<div class="code-name">&#xe61a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">锁</div>
|
<div class="code-name">&#xe684;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">更新</div>
|
<div class="code-name">&#xe9bd;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">4</div>
|
<div class="code-name">&#xe60d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">返回首页</div>
|
<div class="code-name">&#xe617;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">详情</div>
|
<div class="code-name">&#xe70f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">库</div>
|
<div class="code-name">&#xe608;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">退出</div>
|
<div class="code-name">&#xe6aa;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">查找</div>
|
<div class="code-name">&#xe60b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">全屏</div>
|
<div class="code-name">&#xe665;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">icon - 添加视频</div>
|
<div class="code-name">&#xe65c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">上</div>
|
<div class="code-name">&#xe60e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">下</div>
|
<div class="code-name">&#xe601;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">右</div>
|
<div class="code-name">&#xe640;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">硬盘</div>
|
<div class="code-name">&#xe820;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删除筛选项</div>
|
<div class="code-name">&#xe61b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">复制</div>
|
<div class="code-name">&#xea19;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">入侵报警</div>
|
<div class="code-name">&#xe609;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频源管理</div>
|
<div class="code-name">&#xe621;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">视频源管理</div>
|
<div class="code-name">&#xe612;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">库</div>
|
<div class="code-name">&#xe644;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">添加</div>
|
<div class="code-name">&#xe602;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">移动 (6)</div>
|
<div class="code-name">&#xe6f7;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">1</div>
|
<div class="code-name">&#xe603;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">加入</div>
|
<div class="code-name">&#xe604;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">左</div>
|
<div class="code-name">&#xe613;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">上传</div>
|
<div class="code-name">&#xe618;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">同步库存 </div>
|
<div class="code-name">&#xe663;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸对比</div>
|
<div class="code-name">&#xe71b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">在线视频</div>
|
<div class="code-name">&#xe63c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人脸识别</div>
|
<div class="code-name">&#xe619;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">加人</div>
|
<div class="code-name">&#xe622;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">收藏夹</div>
|
<div class="code-name">&#xe605;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">通道</div>
|
<div class="code-name">&#xe67a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">锁</div>
|
<div class="code-name">&#xe705;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人员异常聚会</div>
|
<div class="code-name">&#xe69a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">相机</div>
|
<div class="code-name">&#xe641;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">下载</div>
|
<div class="code-name">&#xe752;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">查找人</div>
|
<div class="code-name">&#xe6e7;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">撤销</div>
|
<div class="code-name">&#xe666;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">人行道-有人</div>
|
<div class="code-name">&#xe631;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">设置</div>
|
<div class="code-name">&#xe60f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">图片</div>
|
<div class="code-name">&#xe606;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">移动至</div>
|
<div class="code-name">&#xe6af;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">切换</div>
|
<div class="code-name">&#xe6c5;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">收 藏</div>
|
<div class="code-name">&#xe625;</div>
|
</li>
|
|
</ul>
|
<div class="article markdown">
|
<h2 id="unicode-">Unicode 引用</h2>
|
<hr>
|
|
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
|
<ul>
|
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
|
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
|
</ul>
|
<blockquote>
|
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
|
</blockquote>
|
<p>Unicode 使用步骤如下：</p>
|
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
|
<pre><code class="language-css"
|
>@font-face {
|
font-family: 'iconfont';
|
src: url('iconfont.eot');
|
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
|
url('iconfont.woff2') format('woff2'),
|
url('iconfont.woff') format('woff'),
|
url('iconfont.ttf') format('truetype'),
|
url('iconfont.svg#iconfont') format('svg');
|
}
|
</code></pre>
|
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
<pre><code class="language-css"
|
>.iconfont {
|
font-family: "iconfont" !important;
|
font-size: 16px;
|
font-style: normal;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
</code></pre>
|
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
|
<pre>
|
<code class="language-html"
|
><span class="iconfont">&#x33;</span>
|
</code></pre>
|
<blockquote>
|
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
</blockquote>
|
</div>
|
</div>
|
<div class="content font-class">
|
<ul class="icon_lists dib-box">
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test3"></span>
|
<div class="name">
|
11(1)
|
</div>
|
<div class="code-name">.iconicon-test3
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchuanganqi1"></span>
|
<div class="name">
|
传感器
|
</div>
|
<div class="code-name">.iconchuanganqi1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipinwenjianjia-new"></span>
|
<div class="name">
|
shipinwenjianjia-new
|
</div>
|
<div class="code-name">.iconshipinwenjianjia-new
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipinwenjianjia1"></span>
|
<div class="name">
|
shipinwenjianjia
|
</div>
|
<div class="code-name">.iconshipinwenjianjia1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontupianwenjianjia-copy"></span>
|
<div class="name">
|
图片文件夹
|
</div>
|
<div class="code-name">.icontupianwenjianjia-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontupianwenjianjia"></span>
|
<div class="name">
|
图片文件夹
|
</div>
|
<div class="code-name">.icontupianwenjianjia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconquanbu"></span>
|
<div class="name">
|
全部
|
</div>
|
<div class="code-name">.iconquanbu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test2"></span>
|
<div class="name">
|
8
|
</div>
|
<div class="code-name">.iconicon-test2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test11"></span>
|
<div class="name">
|
6
|
</div>
|
<div class="code-name">.iconicon-test11
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test21"></span>
|
<div class="name">
|
7
|
</div>
|
<div class="code-name">.iconicon-test21
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test5"></span>
|
<div class="name">
|
9
|
</div>
|
<div class="code-name">.iconicon-test5
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test6"></span>
|
<div class="name">
|
5
|
</div>
|
<div class="code-name">.iconicon-test6
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test111"></span>
|
<div class="name">
|
2(1)
|
</div>
|
<div class="code-name">.iconicon-test111
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test12"></span>
|
<div class="name">
|
3(1)
|
</div>
|
<div class="code-name">.iconicon-test12
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test13"></span>
|
<div class="name">
|
4(1)
|
</div>
|
<div class="code-name">.iconicon-test13
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test14"></span>
|
<div class="name">
|
1(6)
|
</div>
|
<div class="code-name">.iconicon-test14
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenyuan"></span>
|
<div class="name">
|
人员
|
</div>
|
<div class="code-name">.iconrenyuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshishichuli"></span>
|
<div class="name">
|
实时
|
</div>
|
<div class="code-name">.iconshishichuli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzanting"></span>
|
<div class="name">
|
暂停
|
</div>
|
<div class="code-name">.iconzanting
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu6"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu6
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengduo1"></span>
|
<div class="name">
|
更多
|
</div>
|
<div class="code-name">.icongengduo1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconwenjian"></span>
|
<div class="name">
|
文件
|
</div>
|
<div class="code-name">.iconwenjian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconkaishi"></span>
|
<div class="name">
|
开始
|
</div>
|
<div class="code-name">.iconkaishi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhankai"></span>
|
<div class="name">
|
展开
|
</div>
|
<div class="code-name">.iconzhankai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcheliang"></span>
|
<div class="name">
|
车辆
|
</div>
|
<div class="code-name">.iconcheliang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhongxinkaishi"></span>
|
<div class="name">
|
重新开始
|
</div>
|
<div class="code-name">.iconzhongxinkaishi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshuju"></span>
|
<div class="name">
|
数据 (11)
|
</div>
|
<div class="code-name">.iconshuju
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfuzhi2"></span>
|
<div class="name">
|
复制
|
</div>
|
<div class="code-name">.iconfuzhi2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrolling"></span>
|
<div class="name">
|
轮询
|
</div>
|
<div class="code-name">.iconrolling
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshouqi"></span>
|
<div class="name">
|
收起
|
</div>
|
<div class="code-name">.iconshouqi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipin1"></span>
|
<div class="name">
|
视频
|
</div>
|
<div class="code-name">.iconshipin1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconneirong-weipeizhi"></span>
|
<div class="name">
|
内容-未配置
|
</div>
|
<div class="code-name">.iconneirong-weipeizhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhongxinchuli"></span>
|
<div class="name">
|
重新处理
|
</div>
|
<div class="code-name">.iconzhongxinchuli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshuju1"></span>
|
<div class="name">
|
数据
|
</div>
|
<div class="code-name">.iconshuju1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyinpin"></span>
|
<div class="name">
|
音频
|
</div>
|
<div class="code-name">.iconyinpin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshangchuan1"></span>
|
<div class="name">
|
上传
|
</div>
|
<div class="code-name">.iconshangchuan1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenyuanku"></span>
|
<div class="name">
|
人员库
|
</div>
|
<div class="code-name">.iconrenyuanku
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontishi-zhuyi"></span>
|
<div class="name">
|
提示-注意
|
</div>
|
<div class="code-name">.icontishi-zhuyi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiugaitubiao1"></span>
|
<div class="name">
|
修改图标
|
</div>
|
<div class="code-name">.iconxiugaitubiao1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshou"></span>
|
<div class="name">
|
手
|
</div>
|
<div class="code-name">.iconshou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhixian"></span>
|
<div class="name">
|
直线
|
</div>
|
<div class="code-name">.iconzhixian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfanhui1"></span>
|
<div class="name">
|
返回
|
</div>
|
<div class="code-name">.iconfanhui1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconduobianxing"></span>
|
<div class="name">
|
多边形
|
</div>
|
<div class="code-name">.iconduobianxing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu5"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu5
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconqingkong"></span>
|
<div class="name">
|
清空
|
</div>
|
<div class="code-name">.iconqingkong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconlegend-base"></span>
|
<div class="name">
|
长方形
|
</div>
|
<div class="code-name">.iconlegend-base
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrighttop"></span>
|
<div class="name">
|
长箭头
|
</div>
|
<div class="code-name">.iconrighttop
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxuanzeziyuan"></span>
|
<div class="name">
|
选择资源
|
</div>
|
<div class="code-name">.iconxuanzeziyuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfuzhiguize"></span>
|
<div class="name">
|
复制规则
|
</div>
|
<div class="code-name">.iconfuzhiguize
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconniantie"></span>
|
<div class="name">
|
粘贴
|
</div>
|
<div class="code-name">.iconniantie
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyinpinx"></span>
|
<div class="name">
|
音频@2x
|
</div>
|
<div class="code-name">.iconyinpinx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconpicture"></span>
|
<div class="name">
|
图片
|
</div>
|
<div class="code-name">.iconpicture
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipin"></span>
|
<div class="name">
|
视频
|
</div>
|
<div class="code-name">.iconshipin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhuyi"></span>
|
<div class="name">
|
注意
|
</div>
|
<div class="code-name">.iconzhuyi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconwancheng"></span>
|
<div class="name">
|
完成
|
</div>
|
<div class="code-name">.iconwancheng
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icondengdai"></span>
|
<div class="name">
|
等待
|
</div>
|
<div class="code-name">.icondengdai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontip-being"></span>
|
<div class="name">
|
正在进行1
|
</div>
|
<div class="code-name">.icontip-being
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icondengdai1"></span>
|
<div class="name">
|
等待
|
</div>
|
<div class="code-name">.icondengdai1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmanglu"></span>
|
<div class="name">
|
忙碌
|
</div>
|
<div class="code-name">.iconmanglu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongongxiang"></span>
|
<div class="name">
|
共享
|
</div>
|
<div class="code-name">.icongongxiang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icondujiaxiaoshou"></span>
|
<div class="name">
|
独家销售
|
</div>
|
<div class="code-name">.icondujiaxiaoshou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchuli"></span>
|
<div class="name">
|
处理
|
</div>
|
<div class="code-name">.iconchuli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhengzaichuli"></span>
|
<div class="name">
|
正在处理
|
</div>
|
<div class="code-name">.iconzhengzaichuli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmimayincang"></span>
|
<div class="name">
|
密码隐藏
|
</div>
|
<div class="code-name">.iconmimayincang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhongzhimima"></span>
|
<div class="name">
|
重置密码
|
</div>
|
<div class="code-name">.iconzhongzhimima
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmimayincang1"></span>
|
<div class="name">
|
密码隐藏
|
</div>
|
<div class="code-name">.iconmimayincang1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyidongzuzhi"></span>
|
<div class="name">
|
移动组织
|
</div>
|
<div class="code-name">.iconyidongzuzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconquanxian"></span>
|
<div class="name">
|
权限
|
</div>
|
<div class="code-name">.iconquanxian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcunchushebei"></span>
|
<div class="name">
|
存储设备
|
</div>
|
<div class="code-name">.iconcunchushebei
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconguanlipingtai1"></span>
|
<div class="name">
|
管理平台
|
</div>
|
<div class="code-name">.iconguanlipingtai1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjinchurushebei"></span>
|
<div class="name">
|
进出入设备
|
</div>
|
<div class="code-name">.iconjinchurushebei
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzhinengjisuanjiedian"></span>
|
<div class="name">
|
智能计算节点
|
</div>
|
<div class="code-name">.iconzhinengjisuanjiedian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiqun"></span>
|
<div class="name">
|
集群
|
</div>
|
<div class="code-name">.iconjiqun
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconguanbikaiqi"></span>
|
<div class="name">
|
关闭开启
|
</div>
|
<div class="code-name">.iconguanbikaiqi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconweikaoyouhang"></span>
|
<div class="name">
|
未靠右行
|
</div>
|
<div class="code-name">.iconweikaoyouhang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenlianduibi1"></span>
|
<div class="name">
|
人脸对比
|
</div>
|
<div class="code-name">.iconrenlianduibi1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongetijingzhi"></span>
|
<div class="name">
|
个体静止
|
</div>
|
<div class="code-name">.icongetijingzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenyuanyidong"></span>
|
<div class="name">
|
人员异动
|
</div>
|
<div class="code-name">.iconrenyuanyidong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconruqin"></span>
|
<div class="name">
|
入侵
|
</div>
|
<div class="code-name">.iconruqin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchepaishibie"></span>
|
<div class="name">
|
车牌识别
|
</div>
|
<div class="code-name">.iconchepaishibie
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenlianjiance"></span>
|
<div class="name">
|
人脸检测
|
</div>
|
<div class="code-name">.iconrenlianjiance
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiugaitupian"></span>
|
<div class="name">
|
修改图片
|
</div>
|
<div class="code-name">.iconxiugaitupian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiugaitubiao"></span>
|
<div class="name">
|
修改图标
|
</div>
|
<div class="code-name">.iconxiugaitubiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconupdate"></span>
|
<div class="name">
|
更新
|
</div>
|
<div class="code-name">.iconupdate
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengxin1"></span>
|
<div class="name">
|
更新
|
</div>
|
<div class="code-name">.icongengxin1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengxin2"></span>
|
<div class="name">
|
更新
|
</div>
|
<div class="code-name">.icongengxin2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengxin-copy"></span>
|
<div class="name">
|
更新
|
</div>
|
<div class="code-name">.icongengxin-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshebeiditu"></span>
|
<div class="name">
|
设备地图
|
</div>
|
<div class="code-name">.iconshebeiditu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyongji"></span>
|
<div class="name">
|
拥挤
|
</div>
|
<div class="code-name">.iconyongji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcar"></span>
|
<div class="name">
|
car
|
</div>
|
<div class="code-name">.iconcar
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiankongshexiangji"></span>
|
<div class="name">
|
监控摄像机
|
</div>
|
<div class="code-name">.iconjiankongshexiangji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconlixian"></span>
|
<div class="name">
|
离线
|
</div>
|
<div class="code-name">.iconlixian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconguzhang"></span>
|
<div class="name">
|
故障
|
</div>
|
<div class="code-name">.iconguzhang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzaixian"></span>
|
<div class="name">
|
在线
|
</div>
|
<div class="code-name">.iconzaixian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxingzhuangcopy1"></span>
|
<div class="name">
|
下载
|
</div>
|
<div class="code-name">.iconxingzhuangcopy1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfenxishexiangji"></span>
|
<div class="name">
|
分析摄像机
|
</div>
|
<div class="code-name">.iconfenxishexiangji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyonghu2"></span>
|
<div class="name">
|
用户
|
</div>
|
<div class="code-name">.iconyonghu2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyonghu"></span>
|
<div class="name">
|
用户
|
</div>
|
<div class="code-name">.iconyonghu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyonghu1"></span>
|
<div class="name">
|
用户
|
</div>
|
<div class="code-name">.iconyonghu1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmima"></span>
|
<div class="name">
|
密码
|
</div>
|
<div class="code-name">.iconmima
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontuozhuai"></span>
|
<div class="name">
|
拖拽
|
</div>
|
<div class="code-name">.icontuozhuai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconquanping1"></span>
|
<div class="name">
|
全屏
|
</div>
|
<div class="code-name">.iconquanping1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiankong"></span>
|
<div class="name">
|
监控
|
</div>
|
<div class="code-name">.iconjiankong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcaidan"></span>
|
<div class="name">
|
菜单
|
</div>
|
<div class="code-name">.iconcaidan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjuxing"></span>
|
<div class="name">
|
详情
|
</div>
|
<div class="code-name">.iconjuxing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontianjiaren"></span>
|
<div class="name">
|
添加人
|
</div>
|
<div class="code-name">.icontianjiaren
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconsousuoren"></span>
|
<div class="name">
|
搜索人
|
</div>
|
<div class="code-name">.iconsousuoren
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshoucang2"></span>
|
<div class="name">
|
收藏
|
</div>
|
<div class="code-name">.iconshoucang2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbofanganniu_hover1"></span>
|
<div class="name">
|
播放按钮_hover
|
</div>
|
<div class="code-name">.iconbofanganniu_hover1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbofanganniu_moren1"></span>
|
<div class="name">
|
播放按钮_默认
|
</div>
|
<div class="code-name">.iconbofanganniu_moren1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcaidanshouqi"></span>
|
<div class="name">
|
菜单收起
|
</div>
|
<div class="code-name">.iconcaidanshouqi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconcaidanzhankai"></span>
|
<div class="name">
|
菜单展开
|
</div>
|
<div class="code-name">.iconcaidanzhankai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongongge"></span>
|
<div class="name">
|
宫格4
|
</div>
|
<div class="code-name">.icongongge
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongongge1"></span>
|
<div class="name">
|
宫格1
|
</div>
|
<div class="code-name">.icongongge1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongongge2"></span>
|
<div class="name">
|
宫格9
|
</div>
|
<div class="code-name">.icongongge2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontixingjuxing"></span>
|
<div class="name">
|
梯形距形
|
</div>
|
<div class="code-name">.icontixingjuxing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfenzux"></span>
|
<div class="name">
|
树_分栏
|
</div>
|
<div class="code-name">.iconfenzux
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenrenwuguanlix"></span>
|
<div class="name">
|
任务管理@2x
|
</div>
|
<div class="code-name">.iconrenrenwuguanlix
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxitongguanlix"></span>
|
<div class="name">
|
系统管理@2x
|
</div>
|
<div class="code-name">.iconxitongguanlix
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiansuox"></span>
|
<div class="name">
|
检索@2x
|
</div>
|
<div class="code-name">.iconjiansuox
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjuxingx"></span>
|
<div class="name">
|
底库管理@2x
|
</div>
|
<div class="code-name">.iconjuxingx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxshishijiankong"></span>
|
<div class="name">
|
实时监控
|
</div>
|
<div class="code-name">.iconxshishijiankong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipinyuanguanlix"></span>
|
<div class="name">
|
视频源管理@2x
|
</div>
|
<div class="code-name">.iconshipinyuanguanlix
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbendishipinx"></span>
|
<div class="name">
|
本地视频@2x
|
</div>
|
<div class="code-name">.iconbendishipinx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshexiangjix"></span>
|
<div class="name">
|
摄像机@2x
|
</div>
|
<div class="code-name">.iconshexiangjix
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzaixianshipinx"></span>
|
<div class="name">
|
在线视频@2x
|
</div>
|
<div class="code-name">.iconzaixianshipinx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbenditupianx"></span>
|
<div class="name">
|
本地图片@2x
|
</div>
|
<div class="code-name">.iconbenditupianx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconGBx"></span>
|
<div class="name">
|
GB28181@2x
|
</div>
|
<div class="code-name">.iconGBx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmtsaishipinAI"></span>
|
<div class="name">
|
视频AI
|
</div>
|
<div class="code-name">.iconmtsaishipinAI
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconhebingxingzhuang"></span>
|
<div class="name">
|
新增
|
</div>
|
<div class="code-name">.iconhebingxingzhuang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxingzhuangcopy"></span>
|
<div class="name">
|
任务
|
</div>
|
<div class="code-name">.iconxingzhuangcopy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbianji1"></span>
|
<div class="name">
|
编辑
|
</div>
|
<div class="code-name">.iconbianji1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu4"></span>
|
<div class="name">
|
删除
|
</div>
|
<div class="code-name">.iconshanchu4
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu11"></span>
|
<div class="name">
|
删除2
|
</div>
|
<div class="code-name">.iconshanchu11
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconwenjianjia"></span>
|
<div class="name">
|
本地库
|
</div>
|
<div class="code-name">.iconwenjianjia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshuaxintongbu"></span>
|
<div class="name">
|
同步库
|
</div>
|
<div class="code-name">.iconshuaxintongbu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu3"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu3
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu2"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbaocun"></span>
|
<div class="name">
|
保存
|
</div>
|
<div class="code-name">.iconbaocun
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconqiakoushipinliandong"></span>
|
<div class="name">
|
卡口视频联动
|
</div>
|
<div class="code-name">.iconqiakoushipinliandong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbaojing"></span>
|
<div class="name">
|
报警
|
</div>
|
<div class="code-name">.iconbaojing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconmtsai"></span>
|
<div class="name">
|
mtsai 视频AI
|
</div>
|
<div class="code-name">.iconmtsai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyongjijiance"></span>
|
<div class="name">
|
拥挤监测
|
</div>
|
<div class="code-name">.iconyongjijiance
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengduo"></span>
|
<div class="name">
|
更多
|
</div>
|
<div class="code-name">.icongengduo
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconbianji"></span>
|
<div class="name">
|
编辑
|
</div>
|
<div class="code-name">.iconbianji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjingzhi"></span>
|
<div class="name">
|
静止
|
</div>
|
<div class="code-name">.iconjingzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenwu"></span>
|
<div class="name">
|
任务
|
</div>
|
<div class="code-name">.iconrenwu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrili"></span>
|
<div class="name">
|
日历
|
</div>
|
<div class="code-name">.iconrili
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenlianshibie"></span>
|
<div class="name">
|
人脸识别
|
</div>
|
<div class="code-name">.iconrenlianshibie
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconGB"></span>
|
<div class="name">
|
GB28181
|
</div>
|
<div class="code-name">.iconGB
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconduigou"></span>
|
<div class="name">
|
对勾
|
</div>
|
<div class="code-name">.iconduigou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfanhui"></span>
|
<div class="name">
|
返回
|
</div>
|
<div class="code-name">.iconfanhui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfuzhi1"></span>
|
<div class="name">
|
复制
|
</div>
|
<div class="code-name">.iconfuzhi1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshoucang1"></span>
|
<div class="name">
|
收 藏
|
</div>
|
<div class="code-name">.iconshoucang1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconsoushuo"></span>
|
<div class="name">
|
搜索--1
|
</div>
|
<div class="code-name">.iconsoushuo
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshijian"></span>
|
<div class="name">
|
时间
|
</div>
|
<div class="code-name">.iconshijian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshishishipin"></span>
|
<div class="name">
|
实时视频
|
</div>
|
<div class="code-name">.iconshishishipin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchepai"></span>
|
<div class="name">
|
车牌
|
</div>
|
<div class="code-name">.iconchepai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenlianshibie1"></span>
|
<div class="name">
|
人脸识别
|
</div>
|
<div class="code-name">.iconrenlianshibie1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshanchu1"></span>
|
<div class="name">
|
删 除
|
</div>
|
<div class="code-name">.iconshanchu1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontianjia"></span>
|
<div class="name">
|
添加
|
</div>
|
<div class="code-name">.icontianjia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconNine"></span>
|
<div class="name">
|
9
|
</div>
|
<div class="code-name">.iconNine
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icon9"></span>
|
<div class="name">
|
9
|
</div>
|
<div class="code-name">.icon9
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconsuo"></span>
|
<div class="name">
|
锁
|
</div>
|
<div class="code-name">.iconsuo
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongengxin"></span>
|
<div class="name">
|
更新
|
</div>
|
<div class="code-name">.icongengxin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icon4"></span>
|
<div class="name">
|
4
|
</div>
|
<div class="code-name">.icon4
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfanhuishouye"></span>
|
<div class="name">
|
返回首页
|
</div>
|
<div class="code-name">.iconfanhuishouye
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiangqing"></span>
|
<div class="name">
|
详情
|
</div>
|
<div class="code-name">.iconxiangqing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconku"></span>
|
<div class="name">
|
库
|
</div>
|
<div class="code-name">.iconku
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontuichu"></span>
|
<div class="name">
|
退出
|
</div>
|
<div class="code-name">.icontuichu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchazhao"></span>
|
<div class="name">
|
查找
|
</div>
|
<div class="code-name">.iconchazhao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconquanping"></span>
|
<div class="name">
|
全屏
|
</div>
|
<div class="code-name">.iconquanping
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-tianjiashipin"></span>
|
<div class="name">
|
icon - 添加视频
|
</div>
|
<div class="code-name">.iconicon-tianjiashipin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconsvg-"></span>
|
<div class="name">
|
上
|
</div>
|
<div class="code-name">.iconsvg-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyou"></span>
|
<div class="name">
|
下
|
</div>
|
<div class="code-name">.iconyou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyou1"></span>
|
<div class="name">
|
右
|
</div>
|
<div class="code-name">.iconyou1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyingpan"></span>
|
<div class="name">
|
硬盘
|
</div>
|
<div class="code-name">.iconyingpan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchushaixuanxiang"></span>
|
<div class="name">
|
删除筛选项
|
</div>
|
<div class="code-name">.iconchushaixuanxiang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconfuzhi"></span>
|
<div class="name">
|
复制
|
</div>
|
<div class="code-name">.iconfuzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconintruder-alarm"></span>
|
<div class="name">
|
入侵报警
|
</div>
|
<div class="code-name">.iconintruder-alarm
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipinyuanguanli"></span>
|
<div class="name">
|
视频源管理
|
</div>
|
<div class="code-name">.iconshipinyuanguanli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshipinyuanguanli1"></span>
|
<div class="name">
|
视频源管理
|
</div>
|
<div class="code-name">.iconshipinyuanguanli1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconku1"></span>
|
<div class="name">
|
库
|
</div>
|
<div class="code-name">.iconku1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontianjia1"></span>
|
<div class="name">
|
添加
|
</div>
|
<div class="code-name">.icontianjia1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyidong"></span>
|
<div class="name">
|
移动 (6)
|
</div>
|
<div class="code-name">.iconyidong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test"></span>
|
<div class="name">
|
1
|
</div>
|
<div class="code-name">.iconicon-test
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiaru"></span>
|
<div class="name">
|
加入
|
</div>
|
<div class="code-name">.iconjiaru
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconzuo"></span>
|
<div class="name">
|
左
|
</div>
|
<div class="code-name">.iconzuo
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshangchuan"></span>
|
<div class="name">
|
上传
|
</div>
|
<div class="code-name">.iconshangchuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconstock-inventory"></span>
|
<div class="name">
|
同步库存
|
</div>
|
<div class="code-name">.iconstock-inventory
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenlianduibi"></span>
|
<div class="name">
|
人脸对比
|
</div>
|
<div class="code-name">.iconrenlianduibi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icongexinghuapingtaitubiao-"></span>
|
<div class="name">
|
在线视频
|
</div>
|
<div class="code-name">.icongexinghuapingtaitubiao-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconicon-test1"></span>
|
<div class="name">
|
人脸识别
|
</div>
|
<div class="code-name">.iconicon-test1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconjiaren"></span>
|
<div class="name">
|
加人
|
</div>
|
<div class="code-name">.iconjiaren
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshoucangjia"></span>
|
<div class="name">
|
收藏夹
|
</div>
|
<div class="code-name">.iconshoucangjia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontongdao"></span>
|
<div class="name">
|
通道
|
</div>
|
<div class="code-name">.icontongdao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconsuo1"></span>
|
<div class="name">
|
锁
|
</div>
|
<div class="code-name">.iconsuo1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenyuanyichangjuhui"></span>
|
<div class="name">
|
人员异常聚会
|
</div>
|
<div class="code-name">.iconrenyuanyichangjuhui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiangji"></span>
|
<div class="name">
|
相机
|
</div>
|
<div class="code-name">.iconxiangji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconxiazai"></span>
|
<div class="name">
|
下载
|
</div>
|
<div class="code-name">.iconxiazai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconchazhaoren"></span>
|
<div class="name">
|
查找人
|
</div>
|
<div class="code-name">.iconchazhaoren
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrevoke"></span>
|
<div class="name">
|
撤销
|
</div>
|
<div class="code-name">.iconrevoke
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconrenhangdao-youren"></span>
|
<div class="name">
|
人行道-有人
|
</div>
|
<div class="code-name">.iconrenhangdao-youren
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshezhi"></span>
|
<div class="name">
|
设置
|
</div>
|
<div class="code-name">.iconshezhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont icontupian1"></span>
|
<div class="name">
|
图片
|
</div>
|
<div class="code-name">.icontupian1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconyidongzhi"></span>
|
<div class="name">
|
移动至
|
</div>
|
<div class="code-name">.iconyidongzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconqiehuan"></span>
|
<div class="name">
|
切换
|
</div>
|
<div class="code-name">.iconqiehuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont iconshoucang"></span>
|
<div class="name">
|
收 藏
|
</div>
|
<div class="code-name">.iconshoucang
|
</div>
|
</li>
|
|
</ul>
|
<div class="article markdown">
|
<h2 id="font-class-">font-class 引用</h2>
|
<hr>
|
|
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
|
<p>与 Unicode 使用方式相比，具有如下特点：</p>
|
<ul>
|
<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
|
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
|
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
|
</ul>
|
<p>使用步骤如下：</p>
|
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
|
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
</code></pre>
|
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
|
<pre><code class="language-html"><span class="iconfont iconxxx"></span>
|
</code></pre>
|
<blockquote>
|
<p>"
|
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
</blockquote>
|
</div>
|
</div>
|
<div class="content symbol">
|
<ul class="icon_lists dib-box">
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test3"></use>
|
</svg>
|
<div class="name">11(1)</div>
|
<div class="code-name">#iconicon-test3</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchuanganqi1"></use>
|
</svg>
|
<div class="name">传感器</div>
|
<div class="code-name">#iconchuanganqi1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipinwenjianjia-new"></use>
|
</svg>
|
<div class="name">shipinwenjianjia-new</div>
|
<div class="code-name">#iconshipinwenjianjia-new</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipinwenjianjia1"></use>
|
</svg>
|
<div class="name">shipinwenjianjia</div>
|
<div class="code-name">#iconshipinwenjianjia1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontupianwenjianjia-copy"></use>
|
</svg>
|
<div class="name">图片文件夹</div>
|
<div class="code-name">#icontupianwenjianjia-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontupianwenjianjia"></use>
|
</svg>
|
<div class="name">图片文件夹</div>
|
<div class="code-name">#icontupianwenjianjia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconquanbu"></use>
|
</svg>
|
<div class="name">全部</div>
|
<div class="code-name">#iconquanbu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test2"></use>
|
</svg>
|
<div class="name">8</div>
|
<div class="code-name">#iconicon-test2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test11"></use>
|
</svg>
|
<div class="name">6</div>
|
<div class="code-name">#iconicon-test11</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test21"></use>
|
</svg>
|
<div class="name">7</div>
|
<div class="code-name">#iconicon-test21</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test5"></use>
|
</svg>
|
<div class="name">9</div>
|
<div class="code-name">#iconicon-test5</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test6"></use>
|
</svg>
|
<div class="name">5</div>
|
<div class="code-name">#iconicon-test6</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test111"></use>
|
</svg>
|
<div class="name">2(1)</div>
|
<div class="code-name">#iconicon-test111</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test12"></use>
|
</svg>
|
<div class="name">3(1)</div>
|
<div class="code-name">#iconicon-test12</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test13"></use>
|
</svg>
|
<div class="name">4(1)</div>
|
<div class="code-name">#iconicon-test13</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test14"></use>
|
</svg>
|
<div class="name">1(6)</div>
|
<div class="code-name">#iconicon-test14</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenyuan"></use>
|
</svg>
|
<div class="name">人员</div>
|
<div class="code-name">#iconrenyuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshishichuli"></use>
|
</svg>
|
<div class="name">实时</div>
|
<div class="code-name">#iconshishichuli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzanting"></use>
|
</svg>
|
<div class="name">暂停</div>
|
<div class="code-name">#iconzanting</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu6"></use>
|
</svg>
|
<div class="name">删 除</div>
|
<div class="code-name">#iconshanchu6</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengduo1"></use>
|
</svg>
|
<div class="name">更多</div>
|
<div class="code-name">#icongengduo1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconwenjian"></use>
|
</svg>
|
<div class="name">文件</div>
|
<div class="code-name">#iconwenjian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconkaishi"></use>
|
</svg>
|
<div class="name">开始</div>
|
<div class="code-name">#iconkaishi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhankai"></use>
|
</svg>
|
<div class="name">展开</div>
|
<div class="code-name">#iconzhankai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcheliang"></use>
|
</svg>
|
<div class="name">车辆</div>
|
<div class="code-name">#iconcheliang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhongxinkaishi"></use>
|
</svg>
|
<div class="name">重新开始</div>
|
<div class="code-name">#iconzhongxinkaishi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshuju"></use>
|
</svg>
|
<div class="name">数据 (11)</div>
|
<div class="code-name">#iconshuju</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfuzhi2"></use>
|
</svg>
|
<div class="name">复制</div>
|
<div class="code-name">#iconfuzhi2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrolling"></use>
|
</svg>
|
<div class="name">轮询</div>
|
<div class="code-name">#iconrolling</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshouqi"></use>
|
</svg>
|
<div class="name">收起</div>
|
<div class="code-name">#iconshouqi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipin1"></use>
|
</svg>
|
<div class="name">视频</div>
|
<div class="code-name">#iconshipin1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconneirong-weipeizhi"></use>
|
</svg>
|
<div class="name">内容-未配置</div>
|
<div class="code-name">#iconneirong-weipeizhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhongxinchuli"></use>
|
</svg>
|
<div class="name">重新处理</div>
|
<div class="code-name">#iconzhongxinchuli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshuju1"></use>
|
</svg>
|
<div class="name">数据</div>
|
<div class="code-name">#iconshuju1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyinpin"></use>
|
</svg>
|
<div class="name">音频</div>
|
<div class="code-name">#iconyinpin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshangchuan1"></use>
|
</svg>
|
<div class="name">上传</div>
|
<div class="code-name">#iconshangchuan1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenyuanku"></use>
|
</svg>
|
<div class="name">人员库</div>
|
<div class="code-name">#iconrenyuanku</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontishi-zhuyi"></use>
|
</svg>
|
<div class="name">提示-注意</div>
|
<div class="code-name">#icontishi-zhuyi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiugaitubiao1"></use>
|
</svg>
|
<div class="name">修改图标</div>
|
<div class="code-name">#iconxiugaitubiao1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshou"></use>
|
</svg>
|
<div class="name">手</div>
|
<div class="code-name">#iconshou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhixian"></use>
|
</svg>
|
<div class="name">直线</div>
|
<div class="code-name">#iconzhixian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfanhui1"></use>
|
</svg>
|
<div class="name">返回</div>
|
<div class="code-name">#iconfanhui1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconduobianxing"></use>
|
</svg>
|
<div class="name">多边形</div>
|
<div class="code-name">#iconduobianxing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu5"></use>
|
</svg>
|
<div class="name">删 除</div>
|
<div class="code-name">#iconshanchu5</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconqingkong"></use>
|
</svg>
|
<div class="name">清空</div>
|
<div class="code-name">#iconqingkong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconlegend-base"></use>
|
</svg>
|
<div class="name">长方形</div>
|
<div class="code-name">#iconlegend-base</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrighttop"></use>
|
</svg>
|
<div class="name">长箭头</div>
|
<div class="code-name">#iconrighttop</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxuanzeziyuan"></use>
|
</svg>
|
<div class="name">选择资源</div>
|
<div class="code-name">#iconxuanzeziyuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfuzhiguize"></use>
|
</svg>
|
<div class="name">复制规则</div>
|
<div class="code-name">#iconfuzhiguize</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconniantie"></use>
|
</svg>
|
<div class="name">粘贴</div>
|
<div class="code-name">#iconniantie</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyinpinx"></use>
|
</svg>
|
<div class="name">音频@2x</div>
|
<div class="code-name">#iconyinpinx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconpicture"></use>
|
</svg>
|
<div class="name">图片</div>
|
<div class="code-name">#iconpicture</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipin"></use>
|
</svg>
|
<div class="name">视频</div>
|
<div class="code-name">#iconshipin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhuyi"></use>
|
</svg>
|
<div class="name">注意</div>
|
<div class="code-name">#iconzhuyi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconwancheng"></use>
|
</svg>
|
<div class="name">完成</div>
|
<div class="code-name">#iconwancheng</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icondengdai"></use>
|
</svg>
|
<div class="name">等待</div>
|
<div class="code-name">#icondengdai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontip-being"></use>
|
</svg>
|
<div class="name">正在进行1</div>
|
<div class="code-name">#icontip-being</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icondengdai1"></use>
|
</svg>
|
<div class="name">等待</div>
|
<div class="code-name">#icondengdai1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmanglu"></use>
|
</svg>
|
<div class="name">忙碌</div>
|
<div class="code-name">#iconmanglu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongongxiang"></use>
|
</svg>
|
<div class="name">共享</div>
|
<div class="code-name">#icongongxiang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icondujiaxiaoshou"></use>
|
</svg>
|
<div class="name">独家销售</div>
|
<div class="code-name">#icondujiaxiaoshou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchuli"></use>
|
</svg>
|
<div class="name">处理</div>
|
<div class="code-name">#iconchuli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhengzaichuli"></use>
|
</svg>
|
<div class="name">正在处理</div>
|
<div class="code-name">#iconzhengzaichuli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmimayincang"></use>
|
</svg>
|
<div class="name">密码隐藏</div>
|
<div class="code-name">#iconmimayincang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhongzhimima"></use>
|
</svg>
|
<div class="name">重置密码</div>
|
<div class="code-name">#iconzhongzhimima</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmimayincang1"></use>
|
</svg>
|
<div class="name">密码隐藏</div>
|
<div class="code-name">#iconmimayincang1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyidongzuzhi"></use>
|
</svg>
|
<div class="name">移动组织</div>
|
<div class="code-name">#iconyidongzuzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconquanxian"></use>
|
</svg>
|
<div class="name">权限</div>
|
<div class="code-name">#iconquanxian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcunchushebei"></use>
|
</svg>
|
<div class="name">存储设备</div>
|
<div class="code-name">#iconcunchushebei</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconguanlipingtai1"></use>
|
</svg>
|
<div class="name">管理平台</div>
|
<div class="code-name">#iconguanlipingtai1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjinchurushebei"></use>
|
</svg>
|
<div class="name">进出入设备</div>
|
<div class="code-name">#iconjinchurushebei</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzhinengjisuanjiedian"></use>
|
</svg>
|
<div class="name">智能计算节点</div>
|
<div class="code-name">#iconzhinengjisuanjiedian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiqun"></use>
|
</svg>
|
<div class="name">集群</div>
|
<div class="code-name">#iconjiqun</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconguanbikaiqi"></use>
|
</svg>
|
<div class="name">关闭开启</div>
|
<div class="code-name">#iconguanbikaiqi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconweikaoyouhang"></use>
|
</svg>
|
<div class="name">未靠右行</div>
|
<div class="code-name">#iconweikaoyouhang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenlianduibi1"></use>
|
</svg>
|
<div class="name">人脸对比</div>
|
<div class="code-name">#iconrenlianduibi1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongetijingzhi"></use>
|
</svg>
|
<div class="name">个体静止</div>
|
<div class="code-name">#icongetijingzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenyuanyidong"></use>
|
</svg>
|
<div class="name">人员异动</div>
|
<div class="code-name">#iconrenyuanyidong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconruqin"></use>
|
</svg>
|
<div class="name">入侵</div>
|
<div class="code-name">#iconruqin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchepaishibie"></use>
|
</svg>
|
<div class="name">车牌识别</div>
|
<div class="code-name">#iconchepaishibie</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenlianjiance"></use>
|
</svg>
|
<div class="name">人脸检测</div>
|
<div class="code-name">#iconrenlianjiance</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiugaitupian"></use>
|
</svg>
|
<div class="name">修改图片</div>
|
<div class="code-name">#iconxiugaitupian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiugaitubiao"></use>
|
</svg>
|
<div class="name">修改图标</div>
|
<div class="code-name">#iconxiugaitubiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconupdate"></use>
|
</svg>
|
<div class="name">更新</div>
|
<div class="code-name">#iconupdate</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengxin1"></use>
|
</svg>
|
<div class="name">更新</div>
|
<div class="code-name">#icongengxin1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengxin2"></use>
|
</svg>
|
<div class="name">更新</div>
|
<div class="code-name">#icongengxin2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengxin-copy"></use>
|
</svg>
|
<div class="name">更新</div>
|
<div class="code-name">#icongengxin-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshebeiditu"></use>
|
</svg>
|
<div class="name">设备地图</div>
|
<div class="code-name">#iconshebeiditu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyongji"></use>
|
</svg>
|
<div class="name">拥挤</div>
|
<div class="code-name">#iconyongji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcar"></use>
|
</svg>
|
<div class="name">car</div>
|
<div class="code-name">#iconcar</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiankongshexiangji"></use>
|
</svg>
|
<div class="name">监控摄像机</div>
|
<div class="code-name">#iconjiankongshexiangji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconlixian"></use>
|
</svg>
|
<div class="name">离线</div>
|
<div class="code-name">#iconlixian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconguzhang"></use>
|
</svg>
|
<div class="name">故障</div>
|
<div class="code-name">#iconguzhang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzaixian"></use>
|
</svg>
|
<div class="name">在线</div>
|
<div class="code-name">#iconzaixian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxingzhuangcopy1"></use>
|
</svg>
|
<div class="name">下载</div>
|
<div class="code-name">#iconxingzhuangcopy1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfenxishexiangji"></use>
|
</svg>
|
<div class="name">分析摄像机</div>
|
<div class="code-name">#iconfenxishexiangji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyonghu2"></use>
|
</svg>
|
<div class="name">用户</div>
|
<div class="code-name">#iconyonghu2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyonghu"></use>
|
</svg>
|
<div class="name">用户</div>
|
<div class="code-name">#iconyonghu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyonghu1"></use>
|
</svg>
|
<div class="name">用户</div>
|
<div class="code-name">#iconyonghu1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmima"></use>
|
</svg>
|
<div class="name">密码</div>
|
<div class="code-name">#iconmima</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontuozhuai"></use>
|
</svg>
|
<div class="name">拖拽</div>
|
<div class="code-name">#icontuozhuai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconquanping1"></use>
|
</svg>
|
<div class="name">全屏</div>
|
<div class="code-name">#iconquanping1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiankong"></use>
|
</svg>
|
<div class="name">监控</div>
|
<div class="code-name">#iconjiankong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcaidan"></use>
|
</svg>
|
<div class="name">菜单</div>
|
<div class="code-name">#iconcaidan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjuxing"></use>
|
</svg>
|
<div class="name">详情</div>
|
<div class="code-name">#iconjuxing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontianjiaren"></use>
|
</svg>
|
<div class="name">添加人</div>
|
<div class="code-name">#icontianjiaren</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconsousuoren"></use>
|
</svg>
|
<div class="name">搜索人</div>
|
<div class="code-name">#iconsousuoren</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshoucang2"></use>
|
</svg>
|
<div class="name">收藏</div>
|
<div class="code-name">#iconshoucang2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbofanganniu_hover1"></use>
|
</svg>
|
<div class="name">播放按钮_hover</div>
|
<div class="code-name">#iconbofanganniu_hover1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbofanganniu_moren1"></use>
|
</svg>
|
<div class="name">播放按钮_默认</div>
|
<div class="code-name">#iconbofanganniu_moren1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcaidanshouqi"></use>
|
</svg>
|
<div class="name">菜单收起</div>
|
<div class="code-name">#iconcaidanshouqi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconcaidanzhankai"></use>
|
</svg>
|
<div class="name">菜单展开</div>
|
<div class="code-name">#iconcaidanzhankai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongongge"></use>
|
</svg>
|
<div class="name">宫格4</div>
|
<div class="code-name">#icongongge</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongongge1"></use>
|
</svg>
|
<div class="name">宫格1</div>
|
<div class="code-name">#icongongge1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongongge2"></use>
|
</svg>
|
<div class="name">宫格9</div>
|
<div class="code-name">#icongongge2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontixingjuxing"></use>
|
</svg>
|
<div class="name">梯形距形</div>
|
<div class="code-name">#icontixingjuxing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfenzux"></use>
|
</svg>
|
<div class="name">树_分栏</div>
|
<div class="code-name">#iconfenzux</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenrenwuguanlix"></use>
|
</svg>
|
<div class="name">任务管理@2x</div>
|
<div class="code-name">#iconrenrenwuguanlix</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxitongguanlix"></use>
|
</svg>
|
<div class="name">系统管理@2x</div>
|
<div class="code-name">#iconxitongguanlix</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiansuox"></use>
|
</svg>
|
<div class="name">检索@2x</div>
|
<div class="code-name">#iconjiansuox</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjuxingx"></use>
|
</svg>
|
<div class="name">底库管理@2x</div>
|
<div class="code-name">#iconjuxingx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxshishijiankong"></use>
|
</svg>
|
<div class="name">实时监控</div>
|
<div class="code-name">#iconxshishijiankong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipinyuanguanlix"></use>
|
</svg>
|
<div class="name">视频源管理@2x</div>
|
<div class="code-name">#iconshipinyuanguanlix</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbendishipinx"></use>
|
</svg>
|
<div class="name">本地视频@2x</div>
|
<div class="code-name">#iconbendishipinx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshexiangjix"></use>
|
</svg>
|
<div class="name">摄像机@2x</div>
|
<div class="code-name">#iconshexiangjix</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzaixianshipinx"></use>
|
</svg>
|
<div class="name">在线视频@2x</div>
|
<div class="code-name">#iconzaixianshipinx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbenditupianx"></use>
|
</svg>
|
<div class="name">本地图片@2x</div>
|
<div class="code-name">#iconbenditupianx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconGBx"></use>
|
</svg>
|
<div class="name">GB28181@2x</div>
|
<div class="code-name">#iconGBx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmtsaishipinAI"></use>
|
</svg>
|
<div class="name">视频AI</div>
|
<div class="code-name">#iconmtsaishipinAI</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconhebingxingzhuang"></use>
|
</svg>
|
<div class="name">新增</div>
|
<div class="code-name">#iconhebingxingzhuang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxingzhuangcopy"></use>
|
</svg>
|
<div class="name">任务</div>
|
<div class="code-name">#iconxingzhuangcopy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbianji1"></use>
|
</svg>
|
<div class="name">编辑</div>
|
<div class="code-name">#iconbianji1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu4"></use>
|
</svg>
|
<div class="name">删除</div>
|
<div class="code-name">#iconshanchu4</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu11"></use>
|
</svg>
|
<div class="name">删除2</div>
|
<div class="code-name">#iconshanchu11</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconwenjianjia"></use>
|
</svg>
|
<div class="name">本地库</div>
|
<div class="code-name">#iconwenjianjia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshuaxintongbu"></use>
|
</svg>
|
<div class="name">同步库</div>
|
<div class="code-name">#iconshuaxintongbu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu3"></use>
|
</svg>
|
<div class="name">删 除</div>
|
<div class="code-name">#iconshanchu3</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu2"></use>
|
</svg>
|
<div class="name"> 删 除</div>
|
<div class="code-name">#iconshanchu2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbaocun"></use>
|
</svg>
|
<div class="name">保存</div>
|
<div class="code-name">#iconbaocun</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconqiakoushipinliandong"></use>
|
</svg>
|
<div class="name">卡口视频联动</div>
|
<div class="code-name">#iconqiakoushipinliandong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbaojing"></use>
|
</svg>
|
<div class="name">报警</div>
|
<div class="code-name">#iconbaojing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconmtsai"></use>
|
</svg>
|
<div class="name">mtsai 视频AI</div>
|
<div class="code-name">#iconmtsai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyongjijiance"></use>
|
</svg>
|
<div class="name">拥挤监测</div>
|
<div class="code-name">#iconyongjijiance</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengduo"></use>
|
</svg>
|
<div class="name">更多</div>
|
<div class="code-name">#icongengduo</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconbianji"></use>
|
</svg>
|
<div class="name">编辑</div>
|
<div class="code-name">#iconbianji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjingzhi"></use>
|
</svg>
|
<div class="name">静止</div>
|
<div class="code-name">#iconjingzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenwu"></use>
|
</svg>
|
<div class="name">任务</div>
|
<div class="code-name">#iconrenwu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu"></use>
|
</svg>
|
<div class="name">删 除</div>
|
<div class="code-name">#iconshanchu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrili"></use>
|
</svg>
|
<div class="name">日历</div>
|
<div class="code-name">#iconrili</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenlianshibie"></use>
|
</svg>
|
<div class="name">人脸识别</div>
|
<div class="code-name">#iconrenlianshibie</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconGB"></use>
|
</svg>
|
<div class="name">GB28181</div>
|
<div class="code-name">#iconGB</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconduigou"></use>
|
</svg>
|
<div class="name">对勾</div>
|
<div class="code-name">#iconduigou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfanhui"></use>
|
</svg>
|
<div class="name">返回</div>
|
<div class="code-name">#iconfanhui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfuzhi1"></use>
|
</svg>
|
<div class="name">复制</div>
|
<div class="code-name">#iconfuzhi1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshoucang1"></use>
|
</svg>
|
<div class="name">收 藏</div>
|
<div class="code-name">#iconshoucang1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconsoushuo"></use>
|
</svg>
|
<div class="name">搜索--1</div>
|
<div class="code-name">#iconsoushuo</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshijian"></use>
|
</svg>
|
<div class="name">时间</div>
|
<div class="code-name">#iconshijian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshishishipin"></use>
|
</svg>
|
<div class="name">实时视频</div>
|
<div class="code-name">#iconshishishipin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchepai"></use>
|
</svg>
|
<div class="name">车牌</div>
|
<div class="code-name">#iconchepai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenlianshibie1"></use>
|
</svg>
|
<div class="name">人脸识别</div>
|
<div class="code-name">#iconrenlianshibie1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshanchu1"></use>
|
</svg>
|
<div class="name">删 除 </div>
|
<div class="code-name">#iconshanchu1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontianjia"></use>
|
</svg>
|
<div class="name">添加</div>
|
<div class="code-name">#icontianjia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconNine"></use>
|
</svg>
|
<div class="name">9</div>
|
<div class="code-name">#iconNine</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icon9"></use>
|
</svg>
|
<div class="name">9</div>
|
<div class="code-name">#icon9</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconsuo"></use>
|
</svg>
|
<div class="name">锁</div>
|
<div class="code-name">#iconsuo</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongengxin"></use>
|
</svg>
|
<div class="name">更新</div>
|
<div class="code-name">#icongengxin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icon4"></use>
|
</svg>
|
<div class="name">4</div>
|
<div class="code-name">#icon4</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfanhuishouye"></use>
|
</svg>
|
<div class="name">返回首页</div>
|
<div class="code-name">#iconfanhuishouye</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiangqing"></use>
|
</svg>
|
<div class="name">详情</div>
|
<div class="code-name">#iconxiangqing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconku"></use>
|
</svg>
|
<div class="name">库</div>
|
<div class="code-name">#iconku</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontuichu"></use>
|
</svg>
|
<div class="name">退出</div>
|
<div class="code-name">#icontuichu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchazhao"></use>
|
</svg>
|
<div class="name">查找</div>
|
<div class="code-name">#iconchazhao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconquanping"></use>
|
</svg>
|
<div class="name">全屏</div>
|
<div class="code-name">#iconquanping</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-tianjiashipin"></use>
|
</svg>
|
<div class="name">icon - 添加视频</div>
|
<div class="code-name">#iconicon-tianjiashipin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconsvg-"></use>
|
</svg>
|
<div class="name">上</div>
|
<div class="code-name">#iconsvg-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyou"></use>
|
</svg>
|
<div class="name">下</div>
|
<div class="code-name">#iconyou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyou1"></use>
|
</svg>
|
<div class="name">右</div>
|
<div class="code-name">#iconyou1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyingpan"></use>
|
</svg>
|
<div class="name">硬盘</div>
|
<div class="code-name">#iconyingpan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchushaixuanxiang"></use>
|
</svg>
|
<div class="name">删除筛选项</div>
|
<div class="code-name">#iconchushaixuanxiang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconfuzhi"></use>
|
</svg>
|
<div class="name">复制</div>
|
<div class="code-name">#iconfuzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconintruder-alarm"></use>
|
</svg>
|
<div class="name">入侵报警</div>
|
<div class="code-name">#iconintruder-alarm</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipinyuanguanli"></use>
|
</svg>
|
<div class="name">视频源管理</div>
|
<div class="code-name">#iconshipinyuanguanli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshipinyuanguanli1"></use>
|
</svg>
|
<div class="name">视频源管理</div>
|
<div class="code-name">#iconshipinyuanguanli1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconku1"></use>
|
</svg>
|
<div class="name">库</div>
|
<div class="code-name">#iconku1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontianjia1"></use>
|
</svg>
|
<div class="name">添加</div>
|
<div class="code-name">#icontianjia1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyidong"></use>
|
</svg>
|
<div class="name">移动 (6)</div>
|
<div class="code-name">#iconyidong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test"></use>
|
</svg>
|
<div class="name">1</div>
|
<div class="code-name">#iconicon-test</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiaru"></use>
|
</svg>
|
<div class="name">加入</div>
|
<div class="code-name">#iconjiaru</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconzuo"></use>
|
</svg>
|
<div class="name">左</div>
|
<div class="code-name">#iconzuo</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshangchuan"></use>
|
</svg>
|
<div class="name">上传</div>
|
<div class="code-name">#iconshangchuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconstock-inventory"></use>
|
</svg>
|
<div class="name">同步库存 </div>
|
<div class="code-name">#iconstock-inventory</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenlianduibi"></use>
|
</svg>
|
<div class="name">人脸对比</div>
|
<div class="code-name">#iconrenlianduibi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icongexinghuapingtaitubiao-"></use>
|
</svg>
|
<div class="name">在线视频</div>
|
<div class="code-name">#icongexinghuapingtaitubiao-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconicon-test1"></use>
|
</svg>
|
<div class="name">人脸识别</div>
|
<div class="code-name">#iconicon-test1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconjiaren"></use>
|
</svg>
|
<div class="name">加人</div>
|
<div class="code-name">#iconjiaren</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshoucangjia"></use>
|
</svg>
|
<div class="name">收藏夹</div>
|
<div class="code-name">#iconshoucangjia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontongdao"></use>
|
</svg>
|
<div class="name">通道</div>
|
<div class="code-name">#icontongdao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconsuo1"></use>
|
</svg>
|
<div class="name">锁</div>
|
<div class="code-name">#iconsuo1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenyuanyichangjuhui"></use>
|
</svg>
|
<div class="name">人员异常聚会</div>
|
<div class="code-name">#iconrenyuanyichangjuhui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiangji"></use>
|
</svg>
|
<div class="name">相机</div>
|
<div class="code-name">#iconxiangji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconxiazai"></use>
|
</svg>
|
<div class="name">下载</div>
|
<div class="code-name">#iconxiazai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconchazhaoren"></use>
|
</svg>
|
<div class="name">查找人</div>
|
<div class="code-name">#iconchazhaoren</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrevoke"></use>
|
</svg>
|
<div class="name">撤销</div>
|
<div class="code-name">#iconrevoke</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconrenhangdao-youren"></use>
|
</svg>
|
<div class="name">人行道-有人</div>
|
<div class="code-name">#iconrenhangdao-youren</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshezhi"></use>
|
</svg>
|
<div class="name">设置</div>
|
<div class="code-name">#iconshezhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#icontupian1"></use>
|
</svg>
|
<div class="name">图片</div>
|
<div class="code-name">#icontupian1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconyidongzhi"></use>
|
</svg>
|
<div class="name">移动至</div>
|
<div class="code-name">#iconyidongzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconqiehuan"></use>
|
</svg>
|
<div class="name">切换</div>
|
<div class="code-name">#iconqiehuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#iconshoucang"></use>
|
</svg>
|
<div class="name">收 藏</div>
|
<div class="code-name">#iconshoucang</div>
|
</li>
|
|
</ul>
|
<div class="article markdown">
|
<h2 id="symbol-">Symbol 引用</h2>
|
<hr>
|
|
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
|
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
|
<ul>
|
<li>支持多色图标了，不再受单色限制。</li>
|
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
|
<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
|
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
|
</ul>
|
<p>使用步骤如下：</p>
|
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
|
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
</code></pre>
|
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
|
<pre><code class="language-html"><style>
|
.icon {
|
width: 1em;
|
height: 1em;
|
vertical-align: -0.15em;
|
fill: currentColor;
|
overflow: hidden;
|
}
|
</style>
|
</code></pre>
|
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
|
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
<use xlink:href="#icon-xxx"></use>
|
</svg>
|
</code></pre>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script>
|
$(document).ready(function () {
|
$('.tab-container .content:first').show()
|
|
$('#tabs li').click(function (e) {
|
var tabContent = $('.tab-container .content')
|
var index = $(this).index()
|
|
if ($(this).hasClass('active')) {
|
return
|
} else {
|
$('#tabs li').removeClass('active')
|
$(this).addClass('active')
|
|
tabContent.hide().eq(index).fadeIn()
|
}
|
})
|
})
|
</script>
|
</body>
|
</html>
|
