<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8"/>
|
<title>iconfont Demo</title>
|
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
|
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
|
<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>
|
<style>
|
.main .logo {
|
margin-top: 0;
|
height: auto;
|
}
|
|
.main .logo a {
|
display: flex;
|
align-items: center;
|
}
|
|
.main .logo .sub-title {
|
margin-left: 0.5em;
|
font-size: 22px;
|
color: #fff;
|
background: linear-gradient(-45deg, #3967FF, #B500FE);
|
-webkit-background-clip: text;
|
-webkit-text-fill-color: transparent;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="main">
|
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
|
</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=1742376" 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">保存</div>
|
<div class="code-name">&#xe667;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">保存</div>
|
<div class="code-name">&#xe6db;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">clear</div>
|
<div class="code-name">&#xe8a4;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">save</div>
|
<div class="code-name">&#xe666;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">else</div>
|
<div class="code-name">&#xe65b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">else-if</div>
|
<div class="code-name">&#xe65d;</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">&#xe6b1;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">if</div>
|
<div class="code-name">&#xe654;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">if</div>
|
<div class="code-name">&#xe655;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">if_else</div>
|
<div class="code-name">&#xe651;</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">avg</div>
|
<div class="code-name">&#xe64b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">divide</div>
|
<div class="code-name">&#xe77d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">avg</div>
|
<div class="code-name">&#xe64a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">multiply</div>
|
<div class="code-name">&#xe89f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">If eles</div>
|
<div class="code-name">&#xe663;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">sum</div>
|
<div class="code-name">&#xe8c9;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">04-左下角</div>
|
<div class="code-name">&#xe647;</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">启用</div>
|
<div class="code-name">&#xe646;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">规则引擎</div>
|
<div class="code-name">&#xe645;</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">&#xe8bd;</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">&#xe643;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">iconfont-seach</div>
|
<div class="code-name">&#xe661;</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">&#xe63f;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">签到</div>
|
<div class="code-name">&#xe746;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">签到，定位</div>
|
<div class="code-name">&#xeb83;</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">icon-意见反馈</div>
|
<div class="code-name">&#xe63d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">竞品</div>
|
<div class="code-name">&#xe63e;</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">反馈4</div>
|
<div class="code-name">&#xe736;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">照片</div>
|
<div class="code-name">&#xe642;</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">展开</div>
|
<div class="code-name">&#xe63a;</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">&#xe60d;</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">&#xe61a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">列表模式</div>
|
<div class="code-name">&#xe751;</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">&#xe64e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">绩效</div>
|
<div class="code-name">&#xe635;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">156绩效提成</div>
|
<div class="code-name">&#xe662;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">电话</div>
|
<div class="code-name">&#xe636;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">外来拜访</div>
|
<div class="code-name">&#xe638;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">相机</div>
|
<div class="code-name">&#xe8bc;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">远程管理</div>
|
<div class="code-name">&#xe79c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">日志</div>
|
<div class="code-name">&#xe73c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">历史记录</div>
|
<div class="code-name">&#xe632;</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">绩效</div>
|
<div class="code-name">&#xe608;</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">&#xe60b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">部门计划</div>
|
<div class="code-name">&#xe709;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">向下箭头</div>
|
<div class="code-name">&#xe73a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">向上箭头</div>
|
<div class="code-name">&#xe73b;</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">&#xe630;</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">&#xe604;</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">&#xe633;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">放大</div>
|
<div class="code-name">&#xe6ea;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">缩小</div>
|
<div class="code-name">&#xe6ff;</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">&#xe691;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">周</div>
|
<div class="code-name">&#xe693;</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">&#xe62e;</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">定位</div>
|
<div class="code-name">&#xe605;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">筛选</div>
|
<div class="code-name">&#xe90c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">5_重置</div>
|
<div class="code-name">&#xe67b;</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">&#xe6d3;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">返利_line</div>
|
<div class="code-name">&#xe6b3;</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">&#xec6c;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">箭头</div>
|
<div class="code-name">&#xec6d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">医务药店</div>
|
<div class="code-name">&#xe603;</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">&#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">&#xe70c;</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">&#xe62d;</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">实 上箭头-01</div>
|
<div class="code-name">&#xe624;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实 向右箭头-01</div>
|
<div class="code-name">&#xe625;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实 向下箭头-01</div>
|
<div class="code-name">&#xe626;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">实 向左箭头-01</div>
|
<div class="code-name">&#xe627;</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">&#xe612;</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">&#xe660;</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">&#xe62a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">iconfont-saomaio</div>
|
<div class="code-name">&#xe63b;</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">&#xe757;</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">&#xe607;</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">&#xe665;</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">KHCFDC_首页</div>
|
<div class="code-name">&#xe6da;</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">权限管理</div>
|
<div class="code-name">&#xe61c;</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">&#xe6b4;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">15交叉口分析</div>
|
<div class="code-name">&#xe618;</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">&#xe621;</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">门店详情2</div>
|
<div class="code-name">&#xe619;</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">&#xe653;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">查找 表单 列表</div>
|
<div class="code-name">&#xe76a;</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">&#xe65c;</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">&#xe61d;</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">&#xe657;</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">&#xe67a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">上传</div>
|
<div class="code-name">&#xe71a;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">下载</div>
|
<div class="code-name">&#xe71d;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">图表-卡片</div>
|
<div class="code-name">&#xeb95;</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">&#xe74c;</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">fsux_图表_散点地图</div>
|
<div class="code-name">&#xe600;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">列表</div>
|
<div class="code-name">&#xec6b;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">工具</div>
|
<div class="code-name">&#xe61e;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删除</div>
|
<div class="code-name">&#xe614;</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">&#xe609;</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">&#xe637;</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont"></span>
|
<div class="name">删除</div>
|
<div class="code-name">&#xe615;</div>
|
</li>
|
|
</ul>
|
<div class="article markdown">
|
<h2 id="unicode-">Unicode 引用</h2>
|
<hr>
|
|
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
|
<ul>
|
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
|
</ul>
|
<blockquote>
|
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG 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.woff2?t=1621080267222') format('woff2'),
|
url('iconfont.woff?t=1621080267222') format('woff'),
|
url('iconfont.ttf?t=1621080267222') format('truetype');
|
}
|
</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 el_icon_huabanbeifenx"></span>
|
<div class="name">
|
保存
|
</div>
|
<div class="code-name">.el_icon_huabanbeifenx
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_baocun1"></span>
|
<div class="name">
|
保存
|
</div>
|
<div class="code-name">.el_icon_baocun1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_clear"></span>
|
<div class="name">
|
clear
|
</div>
|
<div class="code-name">.el_icon_clear
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_save"></span>
|
<div class="name">
|
save
|
</div>
|
<div class="code-name">.el_icon_save
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_else"></span>
|
<div class="name">
|
else
|
</div>
|
<div class="code-name">.el_icon_else
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_else-if"></span>
|
<div class="name">
|
else-if
|
</div>
|
<div class="code-name">.el_icon_else-if
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jia1"></span>
|
<div class="name">
|
加
|
</div>
|
<div class="code-name">.el_icon_jia1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_cheng"></span>
|
<div class="name">
|
乘
|
</div>
|
<div class="code-name">.el_icon_cheng
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jian-copy"></span>
|
<div class="name">
|
减
|
</div>
|
<div class="code-name">.el_icon_jian-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_cheng1"></span>
|
<div class="name">
|
乘
|
</div>
|
<div class="code-name">.el_icon_cheng1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_if"></span>
|
<div class="name">
|
if
|
</div>
|
<div class="code-name">.el_icon_if
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_if1"></span>
|
<div class="name">
|
if
|
</div>
|
<div class="code-name">.el_icon_if1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_if_else"></span>
|
<div class="name">
|
if_else
|
</div>
|
<div class="code-name">.el_icon_if_else
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_pingjunzhi"></span>
|
<div class="name">
|
平均值
|
</div>
|
<div class="code-name">.el_icon_pingjunzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_avg"></span>
|
<div class="name">
|
avg
|
</div>
|
<div class="code-name">.el_icon_avg
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_divide"></span>
|
<div class="name">
|
divide
|
</div>
|
<div class="code-name">.el_icon_divide
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_hong"></span>
|
<div class="name">
|
avg
|
</div>
|
<div class="code-name">.el_icon_hong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_multiply"></span>
|
<div class="name">
|
multiply
|
</div>
|
<div class="code-name">.el_icon_multiply
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_ziyuan7"></span>
|
<div class="name">
|
If eles
|
</div>
|
<div class="code-name">.el_icon_ziyuan7
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_sum"></span>
|
<div class="name">
|
sum
|
</div>
|
<div class="code-name">.el_icon_sum
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zuoxiajiao"></span>
|
<div class="name">
|
04-左下角
|
</div>
|
<div class="code-name">.el_icon_zuoxiajiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jinyong"></span>
|
<div class="name">
|
禁用
|
</div>
|
<div class="code-name">.el_icon_jinyong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_qiyong"></span>
|
<div class="name">
|
启用
|
</div>
|
<div class="code-name">.el_icon_qiyong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_guizeyinqing"></span>
|
<div class="name">
|
规则引擎
|
</div>
|
<div class="code-name">.el_icon_guizeyinqing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_touxiang-man"></span>
|
<div class="name">
|
头像 男孩
|
</div>
|
<div class="code-name">.el_icon_touxiang-man
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jiangzhang"></span>
|
<div class="name">
|
奖章
|
</div>
|
<div class="code-name">.el_icon_jiangzhang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_chaxun"></span>
|
<div class="name">
|
查询
|
</div>
|
<div class="code-name">.el_icon_chaxun
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_chanpin1"></span>
|
<div class="name">
|
产品
|
</div>
|
<div class="code-name">.el_icon_chanpin1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_iconfont-seach"></span>
|
<div class="name">
|
iconfont-seach
|
</div>
|
<div class="code-name">.el_icon_iconfont-seach
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jingzhengduishou"></span>
|
<div class="name">
|
竞争对手
|
</div>
|
<div class="code-name">.el_icon_jingzhengduishou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_bianji"></span>
|
<div class="name">
|
编辑
|
</div>
|
<div class="code-name">.el_icon_bianji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_qiandao1"></span>
|
<div class="name">
|
签到
|
</div>
|
<div class="code-name">.el_icon_qiandao1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_huabanfuben"></span>
|
<div class="name">
|
签到，定位
|
</div>
|
<div class="code-name">.el_icon_huabanfuben
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiazai40"></span>
|
<div class="name">
|
图片
|
</div>
|
<div class="code-name">.el_icon_xiazai40
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_iconyijianfankui"></span>
|
<div class="name">
|
icon-意见反馈
|
</div>
|
<div class="code-name">.el_icon_iconyijianfankui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_cansaitubiaozhuanqu-"></span>
|
<div class="name">
|
竞品
|
</div>
|
<div class="code-name">.el_icon_cansaitubiaozhuanqu-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_chanpin"></span>
|
<div class="name">
|
产品
|
</div>
|
<div class="code-name">.el_icon_chanpin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fankui"></span>
|
<div class="name">
|
反馈4
|
</div>
|
<div class="code-name">.el_icon_fankui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhaopian"></span>
|
<div class="name">
|
照片
|
</div>
|
<div class="code-name">.el_icon_zhaopian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shouqi"></span>
|
<div class="name">
|
收起
|
</div>
|
<div class="code-name">.el_icon_shouqi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhankai"></span>
|
<div class="name">
|
展开
|
</div>
|
<div class="code-name">.el_icon_zhankai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiangji"></span>
|
<div class="name">
|
相机
|
</div>
|
<div class="code-name">.el_icon_xiangji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_qiandao"></span>
|
<div class="name">
|
签到
|
</div>
|
<div class="code-name">.el_icon_qiandao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xinzengshengchanjihua"></span>
|
<div class="name">
|
新增生产计划
|
</div>
|
<div class="code-name">.el_icon_xinzengshengchanjihua
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_add"></span>
|
<div class="name">
|
新增
|
</div>
|
<div class="code-name">.el_icon_add
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_list"></span>
|
<div class="name">
|
列表模式
|
</div>
|
<div class="code-name">.el_icon_list
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_baocun"></span>
|
<div class="name">
|
保存
|
</div>
|
<div class="code-name">.el_icon_baocun
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiangji1"></span>
|
<div class="name">
|
相机
|
</div>
|
<div class="code-name">.el_icon_xiangji1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jixiao1"></span>
|
<div class="name">
|
绩效
|
</div>
|
<div class="code-name">.el_icon_jixiao1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jixiaoticheng"></span>
|
<div class="name">
|
156绩效提成
|
</div>
|
<div class="code-name">.el_icon_jixiaoticheng
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dianhua"></span>
|
<div class="name">
|
电话
|
</div>
|
<div class="code-name">.el_icon_dianhua
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_wailaibaifang"></span>
|
<div class="name">
|
外来拜访
|
</div>
|
<div class="code-name">.el_icon_wailaibaifang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiangji2"></span>
|
<div class="name">
|
相机
|
</div>
|
<div class="code-name">.el_icon_xiangji2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_yuanchengguanli"></span>
|
<div class="name">
|
远程管理
|
</div>
|
<div class="code-name">.el_icon_yuanchengguanli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_rizhi"></span>
|
<div class="name">
|
日志
|
</div>
|
<div class="code-name">.el_icon_rizhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_lishijilu-copy-copy"></span>
|
<div class="name">
|
历史记录
|
</div>
|
<div class="code-name">.el_icon_lishijilu-copy-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tongxunlu"></span>
|
<div class="name">
|
通讯录
|
</div>
|
<div class="code-name">.el_icon_tongxunlu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jixiao"></span>
|
<div class="name">
|
绩效
|
</div>
|
<div class="code-name">.el_icon_jixiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fasongxiaoxi"></span>
|
<div class="name">
|
发送消息
|
</div>
|
<div class="code-name">.el_icon_fasongxiaoxi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_gongzuotaixuanzhong"></span>
|
<div class="name">
|
工作台选中
|
</div>
|
<div class="code-name">.el_icon_gongzuotaixuanzhong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_drxx45"></span>
|
<div class="name">
|
部门计划
|
</div>
|
<div class="code-name">.el_icon_drxx45
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_iconset0435"></span>
|
<div class="name">
|
向下箭头
|
</div>
|
<div class="code-name">.el_icon_iconset0435
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_iconset0436"></span>
|
<div class="name">
|
向上箭头
|
</div>
|
<div class="code-name">.el_icon_iconset0436
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_nianbao"></span>
|
<div class="name">
|
年报
|
</div>
|
<div class="code-name">.el_icon_nianbao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_yuebao"></span>
|
<div class="name">
|
月报
|
</div>
|
<div class="code-name">.el_icon_yuebao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhoubao"></span>
|
<div class="name">
|
周报
|
</div>
|
<div class="code-name">.el_icon_zhoubao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiangshang"></span>
|
<div class="name">
|
向上
|
</div>
|
<div class="code-name">.el_icon_xiangshang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiangxia"></span>
|
<div class="name">
|
向下
|
</div>
|
<div class="code-name">.el_icon_xiangxia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dingwei3"></span>
|
<div class="name">
|
定位
|
</div>
|
<div class="code-name">.el_icon_dingwei3
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fangda"></span>
|
<div class="name">
|
放大
|
</div>
|
<div class="code-name">.el_icon_fangda
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_suoxiao"></span>
|
<div class="name">
|
缩小
|
</div>
|
<div class="code-name">.el_icon_suoxiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shaixuan1"></span>
|
<div class="name">
|
筛选
|
</div>
|
<div class="code-name">.el_icon_shaixuan1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shuaxin1"></span>
|
<div class="name">
|
刷新
|
</div>
|
<div class="code-name">.el_icon_shuaxin1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_nian"></span>
|
<div class="name">
|
年
|
</div>
|
<div class="code-name">.el_icon_nian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhou"></span>
|
<div class="name">
|
周
|
</div>
|
<div class="code-name">.el_icon_zhou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_yue"></span>
|
<div class="name">
|
月
|
</div>
|
<div class="code-name">.el_icon_yue
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fanhui"></span>
|
<div class="name">
|
返回
|
</div>
|
<div class="code-name">.el_icon_fanhui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhongzhi"></span>
|
<div class="name">
|
重置
|
</div>
|
<div class="code-name">.el_icon_zhongzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dingwei"></span>
|
<div class="name">
|
定位
|
</div>
|
<div class="code-name">.el_icon_dingwei
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shaixuan"></span>
|
<div class="name">
|
筛选
|
</div>
|
<div class="code-name">.el_icon_shaixuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_5_zhongzhi"></span>
|
<div class="name">
|
5_重置
|
</div>
|
<div class="code-name">.el_icon_5_zhongzhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dingwei1"></span>
|
<div class="name">
|
定位
|
</div>
|
<div class="code-name">.el_icon_dingwei1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dingwei2"></span>
|
<div class="name">
|
定位
|
</div>
|
<div class="code-name">.el_icon_dingwei2
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fanli_line"></span>
|
<div class="name">
|
返利_line
|
</div>
|
<div class="code-name">.el_icon_fanli_line
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jiantou"></span>
|
<div class="name">
|
箭头
|
</div>
|
<div class="code-name">.el_icon_jiantou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jiantou-up"></span>
|
<div class="name">
|
箭头
|
</div>
|
<div class="code-name">.el_icon_jiantou-up
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jiantou-down"></span>
|
<div class="name">
|
箭头
|
</div>
|
<div class="code-name">.el_icon_jiantou-down
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_yiwuyaodian"></span>
|
<div class="name">
|
医务药店
|
</div>
|
<div class="code-name">.el_icon_yiwuyaodian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jingxiaoshang"></span>
|
<div class="name">
|
经销商
|
</div>
|
<div class="code-name">.el_icon_jingxiaoshang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zhushuju"></span>
|
<div class="name">
|
主数据
|
</div>
|
<div class="code-name">.el_icon_zhushuju
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_huaxiangfenxi"></span>
|
<div class="name">
|
画像分析
|
</div>
|
<div class="code-name">.el_icon_huaxiangfenxi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_web-icon-"></span>
|
<div class="name">
|
销售订单
|
</div>
|
<div class="code-name">.el_icon_web-icon-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xitong"></span>
|
<div class="name">
|
系统
|
</div>
|
<div class="code-name">.el_icon_xitong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tuandui"></span>
|
<div class="name">
|
团队
|
</div>
|
<div class="code-name">.el_icon_tuandui
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiajiantou"></span>
|
<div class="name">
|
下箭头
|
</div>
|
<div class="code-name">.el_icon_xiajiantou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shishangjiantou-"></span>
|
<div class="name">
|
实 上箭头-01
|
</div>
|
<div class="code-name">.el_icon_shishangjiantou-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shixiangyoujiantou-"></span>
|
<div class="name">
|
实 向右箭头-01
|
</div>
|
<div class="code-name">.el_icon_shixiangyoujiantou-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shixiangxiajiantou-"></span>
|
<div class="name">
|
实 向下箭头-01
|
</div>
|
<div class="code-name">.el_icon_shixiangxiajiantou-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shixiangzuojiantou-"></span>
|
<div class="name">
|
实 向左箭头-01
|
</div>
|
<div class="code-name">.el_icon_shixiangzuojiantou-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_zuojiantou"></span>
|
<div class="name">
|
左箭头
|
</div>
|
<div class="code-name">.el_icon_zuojiantou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shangjiantou"></span>
|
<div class="name">
|
上箭头
|
</div>
|
<div class="code-name">.el_icon_shangjiantou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_youjiantou"></span>
|
<div class="name">
|
右箭头
|
</div>
|
<div class="code-name">.el_icon_youjiantou
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_dahuizhongyue"></span>
|
<div class="name">
|
打回重阅
|
</div>
|
<div class="code-name">.el_icon_dahuizhongyue
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shenpi"></span>
|
<div class="name">
|
审批
|
</div>
|
<div class="code-name">.el_icon_shenpi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_danseyuandian"></span>
|
<div class="name">
|
单色圆点
|
</div>
|
<div class="code-name">.el_icon_danseyuandian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_iconfont"></span>
|
<div class="name">
|
iconfont-saomaio
|
</div>
|
<div class="code-name">.el_icon_iconfont
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shouye"></span>
|
<div class="name">
|
首页
|
</div>
|
<div class="code-name">.el_icon_shouye
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_quanxianshenyue"></span>
|
<div class="name">
|
权限审阅
|
</div>
|
<div class="code-name">.el_icon_quanxianshenyue
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_moban"></span>
|
<div class="name">
|
模板
|
</div>
|
<div class="code-name">.el_icon_moban
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_liuchengshuoming"></span>
|
<div class="name">
|
流程说明
|
</div>
|
<div class="code-name">.el_icon_liuchengshuoming
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_quanxianpeizhi"></span>
|
<div class="name">
|
权限配置
|
</div>
|
<div class="code-name">.el_icon_quanxianpeizhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_liuchengzhong"></span>
|
<div class="name">
|
流程中
|
</div>
|
<div class="code-name">.el_icon_liuchengzhong
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jichu"></span>
|
<div class="name">
|
基础
|
</div>
|
<div class="code-name">.el_icon_jichu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shouye1"></span>
|
<div class="name">
|
KHCFDC_首页
|
</div>
|
<div class="code-name">.el_icon_shouye1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jichupeizhi"></span>
|
<div class="name">
|
基础配置
|
</div>
|
<div class="code-name">.el_icon_jichupeizhi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_quanxianguanli-"></span>
|
<div class="name">
|
权限管理
|
</div>
|
<div class="code-name">.el_icon_quanxianguanli-
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_bangzhu"></span>
|
<div class="name">
|
帮助
|
</div>
|
<div class="code-name">.el_icon_bangzhu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_biaoji"></span>
|
<div class="name">
|
标记
|
</div>
|
<div class="code-name">.el_icon_biaoji
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jiaochakoufenxi"></span>
|
<div class="name">
|
15交叉口分析
|
</div>
|
<div class="code-name">.el_icon_jiaochakoufenxi
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_mendianguanli"></span>
|
<div class="name">
|
门店管理
|
</div>
|
<div class="code-name">.el_icon_mendianguanli
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xingzhuang"></span>
|
<div class="name">
|
地图导航
|
</div>
|
<div class="code-name">.el_icon_xingzhuang
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_mendianweihushuju"></span>
|
<div class="name">
|
门店维护数据
|
</div>
|
<div class="code-name">.el_icon_mendianweihushuju
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_mendianxiangqing"></span>
|
<div class="name">
|
门店详情2
|
</div>
|
<div class="code-name">.el_icon_mendianxiangqing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fujinmendian"></span>
|
<div class="name">
|
附近门店
|
</div>
|
<div class="code-name">.el_icon_fujinmendian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tubiao01"></span>
|
<div class="name">
|
设置
|
</div>
|
<div class="code-name">.el_icon_tubiao01
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_chazhaobiaodanliebiao"></span>
|
<div class="name">
|
查找 表单 列表
|
</div>
|
<div class="code-name">.el_icon_chazhaobiaodanliebiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_work-copy"></span>
|
<div class="name">
|
记事本
|
</div>
|
<div class="code-name">.el_icon_work-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shanchu"></span>
|
<div class="name">
|
删除
|
</div>
|
<div class="code-name">.el_icon_shanchu
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tubiaoshu-copy"></span>
|
<div class="name">
|
图表_树
|
</div>
|
<div class="code-name">.el_icon_tubiaoshu-copy
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_chart"></span>
|
<div class="name">
|
图表
|
</div>
|
<div class="code-name">.el_icon_chart
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jian"></span>
|
<div class="name">
|
减
|
</div>
|
<div class="code-name">.el_icon_jian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jia"></span>
|
<div class="name">
|
加
|
</div>
|
<div class="code-name">.el_icon_jia
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiazai"></span>
|
<div class="name">
|
下载
|
</div>
|
<div class="code-name">.el_icon_xiazai
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shuxing"></span>
|
<div class="name">
|
树型
|
</div>
|
<div class="code-name">.el_icon_shuxing
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shangchuan"></span>
|
<div class="name">
|
上传
|
</div>
|
<div class="code-name">.el_icon_shangchuan
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_xiazai1"></span>
|
<div class="name">
|
下载
|
</div>
|
<div class="code-name">.el_icon_xiazai1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tubiao-qiapian"></span>
|
<div class="name">
|
图表-卡片
|
</div>
|
<div class="code-name">.el_icon_tubiao-qiapian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_jishiben"></span>
|
<div class="name">
|
记事本
|
</div>
|
<div class="code-name">.el_icon_jishiben
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_tubiao"></span>
|
<div class="name">
|
图表
|
</div>
|
<div class="code-name">.el_icon_tubiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_mingpian"></span>
|
<div class="name">
|
名片
|
</div>
|
<div class="code-name">.el_icon_mingpian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_fsux_tubiao_ditu_sandian"></span>
|
<div class="name">
|
fsux_图表_散点地图
|
</div>
|
<div class="code-name">.el_icon_fsux_tubiao_ditu_sandian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_liebiao"></span>
|
<div class="name">
|
列表
|
</div>
|
<div class="code-name">.el_icon_liebiao
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_gongju"></span>
|
<div class="name">
|
工具
|
</div>
|
<div class="code-name">.el_icon_gongju
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shanchu1"></span>
|
<div class="name">
|
删除
|
</div>
|
<div class="code-name">.el_icon_shanchu1
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_hehuoren-wodemingpian"></span>
|
<div class="name">
|
合伙人-我的名片
|
</div>
|
<div class="code-name">.el_icon_hehuoren-wodemingpian
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_setting"></span>
|
<div class="name">
|
设置
|
</div>
|
<div class="code-name">.el_icon_setting
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_delete"></span>
|
<div class="name">
|
删除
|
</div>
|
<div class="code-name">.el_icon_delete
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_shuaxin"></span>
|
<div class="name">
|
刷新
|
</div>
|
<div class="code-name">.el_icon_shuaxin
|
</div>
|
</li>
|
|
<li class="dib">
|
<span class="icon iconfont el_icon_delete1"></span>
|
<div class="name">
|
删除
|
</div>
|
<div class="code-name">.el_icon_delete1
|
</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>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</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 el_icon_xxx"></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="#el_icon_huabanbeifenx"></use>
|
</svg>
|
<div class="name">保存</div>
|
<div class="code-name">#el_icon_huabanbeifenx</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_baocun1"></use>
|
</svg>
|
<div class="name">保存</div>
|
<div class="code-name">#el_icon_baocun1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_clear"></use>
|
</svg>
|
<div class="name">clear</div>
|
<div class="code-name">#el_icon_clear</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_save"></use>
|
</svg>
|
<div class="name">save</div>
|
<div class="code-name">#el_icon_save</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_else"></use>
|
</svg>
|
<div class="name">else</div>
|
<div class="code-name">#el_icon_else</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_else-if"></use>
|
</svg>
|
<div class="name">else-if</div>
|
<div class="code-name">#el_icon_else-if</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jia1"></use>
|
</svg>
|
<div class="name">加</div>
|
<div class="code-name">#el_icon_jia1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_cheng"></use>
|
</svg>
|
<div class="name">乘</div>
|
<div class="code-name">#el_icon_cheng</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jian-copy"></use>
|
</svg>
|
<div class="name">减</div>
|
<div class="code-name">#el_icon_jian-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_cheng1"></use>
|
</svg>
|
<div class="name">乘</div>
|
<div class="code-name">#el_icon_cheng1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_if"></use>
|
</svg>
|
<div class="name">if</div>
|
<div class="code-name">#el_icon_if</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_if1"></use>
|
</svg>
|
<div class="name">if</div>
|
<div class="code-name">#el_icon_if1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_if_else"></use>
|
</svg>
|
<div class="name">if_else</div>
|
<div class="code-name">#el_icon_if_else</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_pingjunzhi"></use>
|
</svg>
|
<div class="name">平均值</div>
|
<div class="code-name">#el_icon_pingjunzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_avg"></use>
|
</svg>
|
<div class="name">avg</div>
|
<div class="code-name">#el_icon_avg</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_divide"></use>
|
</svg>
|
<div class="name">divide</div>
|
<div class="code-name">#el_icon_divide</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_hong"></use>
|
</svg>
|
<div class="name">avg</div>
|
<div class="code-name">#el_icon_hong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_multiply"></use>
|
</svg>
|
<div class="name">multiply</div>
|
<div class="code-name">#el_icon_multiply</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_ziyuan7"></use>
|
</svg>
|
<div class="name">If eles</div>
|
<div class="code-name">#el_icon_ziyuan7</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_sum"></use>
|
</svg>
|
<div class="name">sum</div>
|
<div class="code-name">#el_icon_sum</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zuoxiajiao"></use>
|
</svg>
|
<div class="name">04-左下角</div>
|
<div class="code-name">#el_icon_zuoxiajiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jinyong"></use>
|
</svg>
|
<div class="name">禁用</div>
|
<div class="code-name">#el_icon_jinyong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_qiyong"></use>
|
</svg>
|
<div class="name">启用</div>
|
<div class="code-name">#el_icon_qiyong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_guizeyinqing"></use>
|
</svg>
|
<div class="name">规则引擎</div>
|
<div class="code-name">#el_icon_guizeyinqing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_touxiang-man"></use>
|
</svg>
|
<div class="name">头像 男孩</div>
|
<div class="code-name">#el_icon_touxiang-man</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jiangzhang"></use>
|
</svg>
|
<div class="name">奖章</div>
|
<div class="code-name">#el_icon_jiangzhang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_chaxun"></use>
|
</svg>
|
<div class="name">查询</div>
|
<div class="code-name">#el_icon_chaxun</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_chanpin1"></use>
|
</svg>
|
<div class="name">产品</div>
|
<div class="code-name">#el_icon_chanpin1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_iconfont-seach"></use>
|
</svg>
|
<div class="name">iconfont-seach</div>
|
<div class="code-name">#el_icon_iconfont-seach</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jingzhengduishou"></use>
|
</svg>
|
<div class="name">竞争对手</div>
|
<div class="code-name">#el_icon_jingzhengduishou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_bianji"></use>
|
</svg>
|
<div class="name">编辑</div>
|
<div class="code-name">#el_icon_bianji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_qiandao1"></use>
|
</svg>
|
<div class="name">签到</div>
|
<div class="code-name">#el_icon_qiandao1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_huabanfuben"></use>
|
</svg>
|
<div class="name">签到，定位</div>
|
<div class="code-name">#el_icon_huabanfuben</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiazai40"></use>
|
</svg>
|
<div class="name">图片</div>
|
<div class="code-name">#el_icon_xiazai40</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_iconyijianfankui"></use>
|
</svg>
|
<div class="name">icon-意见反馈</div>
|
<div class="code-name">#el_icon_iconyijianfankui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_cansaitubiaozhuanqu-"></use>
|
</svg>
|
<div class="name">竞品</div>
|
<div class="code-name">#el_icon_cansaitubiaozhuanqu-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_chanpin"></use>
|
</svg>
|
<div class="name">产品</div>
|
<div class="code-name">#el_icon_chanpin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fankui"></use>
|
</svg>
|
<div class="name">反馈4</div>
|
<div class="code-name">#el_icon_fankui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhaopian"></use>
|
</svg>
|
<div class="name">照片</div>
|
<div class="code-name">#el_icon_zhaopian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shouqi"></use>
|
</svg>
|
<div class="name">收起</div>
|
<div class="code-name">#el_icon_shouqi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhankai"></use>
|
</svg>
|
<div class="name">展开</div>
|
<div class="code-name">#el_icon_zhankai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiangji"></use>
|
</svg>
|
<div class="name">相机</div>
|
<div class="code-name">#el_icon_xiangji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_qiandao"></use>
|
</svg>
|
<div class="name">签到</div>
|
<div class="code-name">#el_icon_qiandao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xinzengshengchanjihua"></use>
|
</svg>
|
<div class="name">新增生产计划</div>
|
<div class="code-name">#el_icon_xinzengshengchanjihua</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_add"></use>
|
</svg>
|
<div class="name">新增</div>
|
<div class="code-name">#el_icon_add</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_list"></use>
|
</svg>
|
<div class="name">列表模式</div>
|
<div class="code-name">#el_icon_list</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_baocun"></use>
|
</svg>
|
<div class="name">保存</div>
|
<div class="code-name">#el_icon_baocun</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiangji1"></use>
|
</svg>
|
<div class="name">相机</div>
|
<div class="code-name">#el_icon_xiangji1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jixiao1"></use>
|
</svg>
|
<div class="name">绩效</div>
|
<div class="code-name">#el_icon_jixiao1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jixiaoticheng"></use>
|
</svg>
|
<div class="name">156绩效提成</div>
|
<div class="code-name">#el_icon_jixiaoticheng</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dianhua"></use>
|
</svg>
|
<div class="name">电话</div>
|
<div class="code-name">#el_icon_dianhua</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_wailaibaifang"></use>
|
</svg>
|
<div class="name">外来拜访</div>
|
<div class="code-name">#el_icon_wailaibaifang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiangji2"></use>
|
</svg>
|
<div class="name">相机</div>
|
<div class="code-name">#el_icon_xiangji2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_yuanchengguanli"></use>
|
</svg>
|
<div class="name">远程管理</div>
|
<div class="code-name">#el_icon_yuanchengguanli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_rizhi"></use>
|
</svg>
|
<div class="name">日志</div>
|
<div class="code-name">#el_icon_rizhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_lishijilu-copy-copy"></use>
|
</svg>
|
<div class="name">历史记录</div>
|
<div class="code-name">#el_icon_lishijilu-copy-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tongxunlu"></use>
|
</svg>
|
<div class="name">通讯录</div>
|
<div class="code-name">#el_icon_tongxunlu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jixiao"></use>
|
</svg>
|
<div class="name">绩效</div>
|
<div class="code-name">#el_icon_jixiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fasongxiaoxi"></use>
|
</svg>
|
<div class="name">发送消息</div>
|
<div class="code-name">#el_icon_fasongxiaoxi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_gongzuotaixuanzhong"></use>
|
</svg>
|
<div class="name">工作台选中</div>
|
<div class="code-name">#el_icon_gongzuotaixuanzhong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_drxx45"></use>
|
</svg>
|
<div class="name">部门计划</div>
|
<div class="code-name">#el_icon_drxx45</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_iconset0435"></use>
|
</svg>
|
<div class="name">向下箭头</div>
|
<div class="code-name">#el_icon_iconset0435</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_iconset0436"></use>
|
</svg>
|
<div class="name">向上箭头</div>
|
<div class="code-name">#el_icon_iconset0436</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_nianbao"></use>
|
</svg>
|
<div class="name">年报</div>
|
<div class="code-name">#el_icon_nianbao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_yuebao"></use>
|
</svg>
|
<div class="name">月报</div>
|
<div class="code-name">#el_icon_yuebao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhoubao"></use>
|
</svg>
|
<div class="name">周报</div>
|
<div class="code-name">#el_icon_zhoubao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiangshang"></use>
|
</svg>
|
<div class="name">向上</div>
|
<div class="code-name">#el_icon_xiangshang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiangxia"></use>
|
</svg>
|
<div class="name">向下</div>
|
<div class="code-name">#el_icon_xiangxia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dingwei3"></use>
|
</svg>
|
<div class="name">定位</div>
|
<div class="code-name">#el_icon_dingwei3</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fangda"></use>
|
</svg>
|
<div class="name">放大</div>
|
<div class="code-name">#el_icon_fangda</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_suoxiao"></use>
|
</svg>
|
<div class="name">缩小</div>
|
<div class="code-name">#el_icon_suoxiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shaixuan1"></use>
|
</svg>
|
<div class="name">筛选</div>
|
<div class="code-name">#el_icon_shaixuan1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shuaxin1"></use>
|
</svg>
|
<div class="name">刷新</div>
|
<div class="code-name">#el_icon_shuaxin1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_nian"></use>
|
</svg>
|
<div class="name">年</div>
|
<div class="code-name">#el_icon_nian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhou"></use>
|
</svg>
|
<div class="name">周</div>
|
<div class="code-name">#el_icon_zhou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_yue"></use>
|
</svg>
|
<div class="name">月</div>
|
<div class="code-name">#el_icon_yue</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fanhui"></use>
|
</svg>
|
<div class="name">返回</div>
|
<div class="code-name">#el_icon_fanhui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhongzhi"></use>
|
</svg>
|
<div class="name">重置</div>
|
<div class="code-name">#el_icon_zhongzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dingwei"></use>
|
</svg>
|
<div class="name">定位</div>
|
<div class="code-name">#el_icon_dingwei</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shaixuan"></use>
|
</svg>
|
<div class="name">筛选</div>
|
<div class="code-name">#el_icon_shaixuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_5_zhongzhi"></use>
|
</svg>
|
<div class="name">5_重置</div>
|
<div class="code-name">#el_icon_5_zhongzhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dingwei1"></use>
|
</svg>
|
<div class="name">定位</div>
|
<div class="code-name">#el_icon_dingwei1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dingwei2"></use>
|
</svg>
|
<div class="name">定位</div>
|
<div class="code-name">#el_icon_dingwei2</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fanli_line"></use>
|
</svg>
|
<div class="name">返利_line</div>
|
<div class="code-name">#el_icon_fanli_line</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jiantou"></use>
|
</svg>
|
<div class="name">箭头</div>
|
<div class="code-name">#el_icon_jiantou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jiantou-up"></use>
|
</svg>
|
<div class="name">箭头</div>
|
<div class="code-name">#el_icon_jiantou-up</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jiantou-down"></use>
|
</svg>
|
<div class="name">箭头</div>
|
<div class="code-name">#el_icon_jiantou-down</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_yiwuyaodian"></use>
|
</svg>
|
<div class="name">医务药店</div>
|
<div class="code-name">#el_icon_yiwuyaodian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jingxiaoshang"></use>
|
</svg>
|
<div class="name">经销商</div>
|
<div class="code-name">#el_icon_jingxiaoshang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zhushuju"></use>
|
</svg>
|
<div class="name">主数据</div>
|
<div class="code-name">#el_icon_zhushuju</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_huaxiangfenxi"></use>
|
</svg>
|
<div class="name">画像分析</div>
|
<div class="code-name">#el_icon_huaxiangfenxi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_web-icon-"></use>
|
</svg>
|
<div class="name">销售订单</div>
|
<div class="code-name">#el_icon_web-icon-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xitong"></use>
|
</svg>
|
<div class="name">系统</div>
|
<div class="code-name">#el_icon_xitong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tuandui"></use>
|
</svg>
|
<div class="name">团队</div>
|
<div class="code-name">#el_icon_tuandui</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiajiantou"></use>
|
</svg>
|
<div class="name">下箭头</div>
|
<div class="code-name">#el_icon_xiajiantou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shishangjiantou-"></use>
|
</svg>
|
<div class="name">实 上箭头-01</div>
|
<div class="code-name">#el_icon_shishangjiantou-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shixiangyoujiantou-"></use>
|
</svg>
|
<div class="name">实 向右箭头-01</div>
|
<div class="code-name">#el_icon_shixiangyoujiantou-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shixiangxiajiantou-"></use>
|
</svg>
|
<div class="name">实 向下箭头-01</div>
|
<div class="code-name">#el_icon_shixiangxiajiantou-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shixiangzuojiantou-"></use>
|
</svg>
|
<div class="name">实 向左箭头-01</div>
|
<div class="code-name">#el_icon_shixiangzuojiantou-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_zuojiantou"></use>
|
</svg>
|
<div class="name">左箭头</div>
|
<div class="code-name">#el_icon_zuojiantou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shangjiantou"></use>
|
</svg>
|
<div class="name">上箭头</div>
|
<div class="code-name">#el_icon_shangjiantou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_youjiantou"></use>
|
</svg>
|
<div class="name">右箭头</div>
|
<div class="code-name">#el_icon_youjiantou</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_dahuizhongyue"></use>
|
</svg>
|
<div class="name">打回重阅</div>
|
<div class="code-name">#el_icon_dahuizhongyue</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shenpi"></use>
|
</svg>
|
<div class="name">审批</div>
|
<div class="code-name">#el_icon_shenpi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_danseyuandian"></use>
|
</svg>
|
<div class="name">单色圆点</div>
|
<div class="code-name">#el_icon_danseyuandian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_iconfont"></use>
|
</svg>
|
<div class="name">iconfont-saomaio</div>
|
<div class="code-name">#el_icon_iconfont</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shouye"></use>
|
</svg>
|
<div class="name">首页</div>
|
<div class="code-name">#el_icon_shouye</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_quanxianshenyue"></use>
|
</svg>
|
<div class="name">权限审阅</div>
|
<div class="code-name">#el_icon_quanxianshenyue</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_moban"></use>
|
</svg>
|
<div class="name">模板</div>
|
<div class="code-name">#el_icon_moban</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_liuchengshuoming"></use>
|
</svg>
|
<div class="name">流程说明</div>
|
<div class="code-name">#el_icon_liuchengshuoming</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_quanxianpeizhi"></use>
|
</svg>
|
<div class="name">权限配置</div>
|
<div class="code-name">#el_icon_quanxianpeizhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_liuchengzhong"></use>
|
</svg>
|
<div class="name">流程中</div>
|
<div class="code-name">#el_icon_liuchengzhong</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jichu"></use>
|
</svg>
|
<div class="name">基础</div>
|
<div class="code-name">#el_icon_jichu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shouye1"></use>
|
</svg>
|
<div class="name">KHCFDC_首页</div>
|
<div class="code-name">#el_icon_shouye1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jichupeizhi"></use>
|
</svg>
|
<div class="name">基础配置</div>
|
<div class="code-name">#el_icon_jichupeizhi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_quanxianguanli-"></use>
|
</svg>
|
<div class="name">权限管理</div>
|
<div class="code-name">#el_icon_quanxianguanli-</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_bangzhu"></use>
|
</svg>
|
<div class="name">帮助</div>
|
<div class="code-name">#el_icon_bangzhu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_biaoji"></use>
|
</svg>
|
<div class="name">标记</div>
|
<div class="code-name">#el_icon_biaoji</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jiaochakoufenxi"></use>
|
</svg>
|
<div class="name">15交叉口分析</div>
|
<div class="code-name">#el_icon_jiaochakoufenxi</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_mendianguanli"></use>
|
</svg>
|
<div class="name">门店管理</div>
|
<div class="code-name">#el_icon_mendianguanli</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xingzhuang"></use>
|
</svg>
|
<div class="name">地图导航</div>
|
<div class="code-name">#el_icon_xingzhuang</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_mendianweihushuju"></use>
|
</svg>
|
<div class="name">门店维护数据</div>
|
<div class="code-name">#el_icon_mendianweihushuju</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_mendianxiangqing"></use>
|
</svg>
|
<div class="name">门店详情2</div>
|
<div class="code-name">#el_icon_mendianxiangqing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fujinmendian"></use>
|
</svg>
|
<div class="name">附近门店</div>
|
<div class="code-name">#el_icon_fujinmendian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tubiao01"></use>
|
</svg>
|
<div class="name">设置</div>
|
<div class="code-name">#el_icon_tubiao01</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_chazhaobiaodanliebiao"></use>
|
</svg>
|
<div class="name">查找 表单 列表</div>
|
<div class="code-name">#el_icon_chazhaobiaodanliebiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_work-copy"></use>
|
</svg>
|
<div class="name">记事本</div>
|
<div class="code-name">#el_icon_work-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shanchu"></use>
|
</svg>
|
<div class="name">删除</div>
|
<div class="code-name">#el_icon_shanchu</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tubiaoshu-copy"></use>
|
</svg>
|
<div class="name">图表_树</div>
|
<div class="code-name">#el_icon_tubiaoshu-copy</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_chart"></use>
|
</svg>
|
<div class="name">图表</div>
|
<div class="code-name">#el_icon_chart</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jian"></use>
|
</svg>
|
<div class="name">减</div>
|
<div class="code-name">#el_icon_jian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jia"></use>
|
</svg>
|
<div class="name">加</div>
|
<div class="code-name">#el_icon_jia</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiazai"></use>
|
</svg>
|
<div class="name">下载</div>
|
<div class="code-name">#el_icon_xiazai</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shuxing"></use>
|
</svg>
|
<div class="name">树型</div>
|
<div class="code-name">#el_icon_shuxing</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shangchuan"></use>
|
</svg>
|
<div class="name">上传</div>
|
<div class="code-name">#el_icon_shangchuan</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_xiazai1"></use>
|
</svg>
|
<div class="name">下载</div>
|
<div class="code-name">#el_icon_xiazai1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tubiao-qiapian"></use>
|
</svg>
|
<div class="name">图表-卡片</div>
|
<div class="code-name">#el_icon_tubiao-qiapian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_jishiben"></use>
|
</svg>
|
<div class="name">记事本</div>
|
<div class="code-name">#el_icon_jishiben</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_tubiao"></use>
|
</svg>
|
<div class="name">图表</div>
|
<div class="code-name">#el_icon_tubiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_mingpian"></use>
|
</svg>
|
<div class="name">名片</div>
|
<div class="code-name">#el_icon_mingpian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_fsux_tubiao_ditu_sandian"></use>
|
</svg>
|
<div class="name">fsux_图表_散点地图</div>
|
<div class="code-name">#el_icon_fsux_tubiao_ditu_sandian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_liebiao"></use>
|
</svg>
|
<div class="name">列表</div>
|
<div class="code-name">#el_icon_liebiao</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_gongju"></use>
|
</svg>
|
<div class="name">工具</div>
|
<div class="code-name">#el_icon_gongju</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shanchu1"></use>
|
</svg>
|
<div class="name">删除</div>
|
<div class="code-name">#el_icon_shanchu1</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_hehuoren-wodemingpian"></use>
|
</svg>
|
<div class="name">合伙人-我的名片</div>
|
<div class="code-name">#el_icon_hehuoren-wodemingpian</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_setting"></use>
|
</svg>
|
<div class="name">设置</div>
|
<div class="code-name">#el_icon_setting</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_delete"></use>
|
</svg>
|
<div class="name">删除</div>
|
<div class="code-name">#el_icon_delete</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_shuaxin"></use>
|
</svg>
|
<div class="name">刷新</div>
|
<div class="code-name">#el_icon_shuaxin</div>
|
</li>
|
|
<li class="dib">
|
<svg class="icon svg-icon" aria-hidden="true">
|
<use xlink:href="#el_icon_delete1"></use>
|
</svg>
|
<div class="name">删除</div>
|
<div class="code-name">#el_icon_delete1</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>
|
