vr-shopxo-plugin/shopxo/public/static/common/iconfont/demo_index.html

12470 lines
620 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.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=4094254" 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">&#xe60c;</span>
<div class="name">没有数据</div>
<div class="code-name">&amp;#xe60c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca0;</span>
<div class="name">医生</div>
<div class="code-name">&amp;#xeca0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64e;</span>
<div class="name">药丸</div>
<div class="code-name">&amp;#xe64e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">药箱</div>
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60f;</span>
<div class="name">医药箱</div>
<div class="code-name">&amp;#xe60f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fe;</span>
<div class="name">播放结束</div>
<div class="code-name">&amp;#xe6fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b8;</span>
<div class="name">播放暂停</div>
<div class="code-name">&amp;#xe6b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe692;</span>
<div class="name">播放</div>
<div class="code-name">&amp;#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#x101d0;</span>
<div class="name">投诉举报</div>
<div class="code-name">&amp;#x101d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe630;</span>
<div class="name">双箭头-上</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">双箭头-右</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe633;</span>
<div class="name">双箭头-下</div>
<div class="code-name">&amp;#xe633;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<div class="name">双箭头-左</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe616;</span>
<div class="name">选择-勾选</div>
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeab8;</span>
<div class="name">line-line</div>
<div class="code-name">&amp;#xeab8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe604;</span>
<div class="name">生活号</div>
<div class="code-name">&amp;#xe604;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60b;</span>
<div class="name">支付宝</div>
<div class="code-name">&amp;#xe60b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">qq-空心</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe629;</span>
<div class="name">qq</div>
<div class="code-name">&amp;#xe629;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span>
<div class="name">咖啡</div>
<div class="code-name">&amp;#xe60a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e6;</span>
<div class="name">diy装修</div>
<div class="code-name">&amp;#xe7e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ee;</span>
<div class="name">铃铛</div>
<div class="code-name">&amp;#xe7ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ef;</span>
<div class="name">喇叭</div>
<div class="code-name">&amp;#xe7ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f0;</span>
<div class="name">搜索-大号</div>
<div class="code-name">&amp;#xe7f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f1;</span>
<div class="name">电话按钮</div>
<div class="code-name">&amp;#xe7f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f2;</span>
<div class="name">定位导航</div>
<div class="code-name">&amp;#xe7f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f5;</span>
<div class="name">电话-实心</div>
<div class="code-name">&amp;#xe7f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f6;</span>
<div class="name">发送面性</div>
<div class="code-name">&amp;#xe7f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f8;</span>
<div class="name">重叠</div>
<div class="code-name">&amp;#xe7f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fb;</span>
<div class="name">类别更多</div>
<div class="code-name">&amp;#xe7fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fc;</span>
<div class="name">添加-按钮圆</div>
<div class="code-name">&amp;#xe7fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fd;</span>
<div class="name">减少</div>
<div class="code-name">&amp;#xe7fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fe;</span>
<div class="name">失效</div>
<div class="code-name">&amp;#xe7fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ff;</span>
<div class="name">分享-正方形</div>
<div class="code-name">&amp;#xe7ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe800;</span>
<div class="name">签到</div>
<div class="code-name">&amp;#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe801;</span>
<div class="name">组队</div>
<div class="code-name">&amp;#xe801;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe804;</span>
<div class="name">关闭-圆</div>
<div class="code-name">&amp;#xe804;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe806;</span>
<div class="name">客服消息实心</div>
<div class="code-name">&amp;#xe806;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe807;</span>
<div class="name">帮助</div>
<div class="code-name">&amp;#xe807;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe808;</span>
<div class="name">订单-圆角</div>
<div class="code-name">&amp;#xe808;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe809;</span>
<div class="name">关闭线条</div>
<div class="code-name">&amp;#xe809;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80e;</span>
<div class="name">眼睛面性</div>
<div class="code-name">&amp;#xe80e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe810;</span>
<div class="name">编辑-粗</div>
<div class="code-name">&amp;#xe810;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe812;</span>
<div class="name">添加-粗</div>
<div class="code-name">&amp;#xe812;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe813;</span>
<div class="name">普通分销</div>
<div class="code-name">&amp;#xe813;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe814;</span>
<div class="name">钻石</div>
<div class="code-name">&amp;#xe814;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe816;</span>
<div class="name">高级会员</div>
<div class="code-name">&amp;#xe816;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe817;</span>
<div class="name">购物车添加</div>
<div class="code-name">&amp;#xe817;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe818;</span>
<div class="name">眼睛-下</div>
<div class="code-name">&amp;#xe818;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe819;</span>
<div class="name">回复</div>
<div class="code-name">&amp;#xe819;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81a;</span>
<div class="name">点赞线性-圆</div>
<div class="code-name">&amp;#xe81a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81d;</span>
<div class="name">编辑下划线</div>
<div class="code-name">&amp;#xe81d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81e;</span>
<div class="name">列表-点</div>
<div class="code-name">&amp;#xe81e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81f;</span>
<div class="name">皮夹</div>
<div class="code-name">&amp;#xe81f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe820;</span>
<div class="name">日志</div>
<div class="code-name">&amp;#xe820;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe821;</span>
<div class="name">历史时间</div>
<div class="code-name">&amp;#xe821;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe822;</span>
<div class="name">相机-实心</div>
<div class="code-name">&amp;#xe822;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82a;</span>
<div class="name">选择</div>
<div class="code-name">&amp;#xe82a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82c;</span>
<div class="name">语言-全球</div>
<div class="code-name">&amp;#xe82c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82e;</span>
<div class="name">收藏-星星</div>
<div class="code-name">&amp;#xe82e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82f;</span>
<div class="name">定位</div>
<div class="code-name">&amp;#xe82f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe830;</span>
<div class="name">消息-半圆</div>
<div class="code-name">&amp;#xe830;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe832;</span>
<div class="name">提现钱包</div>
<div class="code-name">&amp;#xe832;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe833;</span>
<div class="name">充值</div>
<div class="code-name">&amp;#xe833;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe834;</span>
<div class="name">转换</div>
<div class="code-name">&amp;#xe834;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe835;</span>
<div class="name">明细</div>
<div class="code-name">&amp;#xe835;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe836;</span>
<div class="name">转账</div>
<div class="code-name">&amp;#xe836;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe837;</span>
<div class="name">收款</div>
<div class="code-name">&amp;#xe837;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe838;</span>
<div class="name">转换2</div>
<div class="code-name">&amp;#xe838;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe839;</span>
<div class="name">复制-方正</div>
<div class="code-name">&amp;#xe839;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83a;</span>
<div class="name">感叹号</div>
<div class="code-name">&amp;#xe83a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83b;</span>
<div class="name">选中下标</div>
<div class="code-name">&amp;#xe83b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#x10183;</span>
<div class="name">导航</div>
<div class="code-name">&amp;#x10183;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83e;</span>
<div class="name">选中-下半圆弧</div>
<div class="code-name">&amp;#xe83e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83f;</span>
<div class="name">播放面性</div>
<div class="code-name">&amp;#xe83f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe840;</span>
<div class="name">左对齐</div>
<div class="code-name">&amp;#xe840;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe841;</span>
<div class="name">重置</div>
<div class="code-name">&amp;#xe841;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe842;</span>
<div class="name">左上圆角</div>
<div class="code-name">&amp;#xe842;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe843;</span>
<div class="name">右对齐</div>
<div class="code-name">&amp;#xe843;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe844;</span>
<div class="name">右下圆角</div>
<div class="code-name">&amp;#xe844;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe845;</span>
<div class="name">下侧箭头-下</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe846;</span>
<div class="name">椭圆</div>
<div class="code-name">&amp;#xe846;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe847;</span>
<div class="name">外上</div>
<div class="code-name">&amp;#xe847;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe848;</span>
<div class="name">内右</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe849;</span>
<div class="name">单张</div>
<div class="code-name">&amp;#xe849;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84a;</span>
<div class="name">铺满</div>
<div class="code-name">&amp;#xe84a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84b;</span>
<div class="name">内左</div>
<div class="code-name">&amp;#xe84b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84c;</span>
<div class="name">内下</div>
<div class="code-name">&amp;#xe84c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84e;</span>
<div class="name">平铺</div>
<div class="code-name">&amp;#xe84e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84f;</span>
<div class="name">居中</div>
<div class="code-name">&amp;#xe84f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe850;</span>
<div class="name">内上</div>
<div class="code-name">&amp;#xe850;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe853;</span>
<div class="name">文本</div>
<div class="code-name">&amp;#xe853;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe854;</span>
<div class="name">线条</div>
<div class="code-name">&amp;#xe854;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe855;</span>
<div class="name">图片icon</div>
<div class="code-name">&amp;#xe855;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe856;</span>
<div class="name">外左</div>
<div class="code-name">&amp;#xe856;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe857;</span>
<div class="name">外下</div>
<div class="code-name">&amp;#xe857;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">删除3</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe859;</span>
<div class="name">拖动-点</div>
<div class="code-name">&amp;#xe859;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85a;</span>
<div class="name">外右</div>
<div class="code-name">&amp;#xe85a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85b;</span>
<div class="name">点线</div>
<div class="code-name">&amp;#xe85b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85c;</span>
<div class="name">删除2</div>
<div class="code-name">&amp;#xe85c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85d;</span>
<div class="name">实线</div>
<div class="code-name">&amp;#xe85d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85e;</span>
<div class="name">关闭-填满</div>
<div class="code-name">&amp;#xe85e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85f;</span>
<div class="name">右上圆角</div>
<div class="code-name">&amp;#xe85f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe860;</span>
<div class="name">左下圆角</div>
<div class="code-name">&amp;#xe860;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe861;</span>
<div class="name">上侧箭头</div>
<div class="code-name">&amp;#xe861;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe862;</span>
<div class="name">左侧箭头</div>
<div class="code-name">&amp;#xe862;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe865;</span>
<div class="name">眼睛可见-关闭</div>
<div class="code-name">&amp;#xe865;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe866;</span>
<div class="name">眼睛可见</div>
<div class="code-name">&amp;#xe866;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe867;</span>
<div class="name">对号 线</div>
<div class="code-name">&amp;#xe867;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe868;</span>
<div class="name">图片</div>
<div class="code-name">&amp;#xe868;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe869;</span>
<div class="name">文件</div>
<div class="code-name">&amp;#xe869;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86a;</span>
<div class="name">文件</div>
<div class="code-name">&amp;#xe86a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86b;</span>
<div class="name">音频</div>
<div class="code-name">&amp;#xe86b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86c;</span>
<div class="name">视频-文件</div>
<div class="code-name">&amp;#xe86c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86d;</span>
<div class="name">压缩包</div>
<div class="code-name">&amp;#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86e;</span>
<div class="name">IPA</div>
<div class="code-name">&amp;#xe86e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86f;</span>
<div class="name">Excel</div>
<div class="code-name">&amp;#xe86f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe870;</span>
<div class="name">vsd</div>
<div class="code-name">&amp;#xe870;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe871;</span>
<div class="name">APK</div>
<div class="code-name">&amp;#xe871;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe872;</span>
<div class="name">word</div>
<div class="code-name">&amp;#xe872;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe873;</span>
<div class="name">PDF-文件</div>
<div class="code-name">&amp;#xe873;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe874;</span>
<div class="name">ppt</div>
<div class="code-name">&amp;#xe874;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe876;</span>
<div class="name">进销存对号</div>
<div class="code-name">&amp;#xe876;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe878;</span>
<div class="name">魔方-竖2</div>
<div class="code-name">&amp;#xe878;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe879;</span>
<div class="name">魔方-横2</div>
<div class="code-name">&amp;#xe879;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87a;</span>
<div class="name">魔方-4x4</div>
<div class="code-name">&amp;#xe87a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87b;</span>
<div class="name">魔方-左1右2</div>
<div class="code-name">&amp;#xe87b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87c;</span>
<div class="name">魔方-竖3</div>
<div class="code-name">&amp;#xe87c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87d;</span>
<div class="name">魔方-上2下1</div>
<div class="code-name">&amp;#xe87d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87e;</span>
<div class="name">魔方-左1右上1右下2</div>
<div class="code-name">&amp;#xe87e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87f;</span>
<div class="name">魔方-上1下2</div>
<div class="code-name">&amp;#xe87f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe880;</span>
<div class="name">魔方-田字格</div>
<div class="code-name">&amp;#xe880;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe881;</span>
<div class="name">魔方-上2下3</div>
<div class="code-name">&amp;#xe881;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe882;</span>
<div class="name">魔方-左2右1</div>
<div class="code-name">&amp;#xe882;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe883;</span>
<div class="name">魔方-1个</div>
<div class="code-name">&amp;#xe883;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe884;</span>
<div class="name">EXE</div>
<div class="code-name">&amp;#xe884;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe885;</span>
<div class="name">TXT</div>
<div class="code-name">&amp;#xe885;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">问号-实心</div>
<div class="code-name">&amp;#xe887;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe888;</span>
<div class="name">编辑-空心</div>
<div class="code-name">&amp;#xe888;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88a;</span>
<div class="name">关闭-圆空心</div>
<div class="code-name">&amp;#xe88a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88b;</span>
<div class="name">秒杀图标</div>
<div class="code-name">&amp;#xe88b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88c;</span>
<div class="name">禁止</div>
<div class="code-name">&amp;#xe88c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88d;</span>
<div class="name">图标</div>
<div class="code-name">&amp;#xe88d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64d;</span>
<div class="name">面性图标_保洁管理</div>
<div class="code-name">&amp;#xe64d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88e;</span>
<div class="name"></div>
<div class="code-name">&amp;#xe88e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88f;</span>
<div class="name"></div>
<div class="code-name">&amp;#xe88f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe890;</span>
<div class="name">面板</div>
<div class="code-name">&amp;#xe890;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe894;</span>
<div class="name">置底</div>
<div class="code-name">&amp;#xe894;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe895;</span>
<div class="name">置顶</div>
<div class="code-name">&amp;#xe895;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe896;</span>
<div class="name">榜单标签</div>
<div class="code-name">&amp;#xe896;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe897;</span>
<div class="name">热门</div>
<div class="code-name">&amp;#xe897;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe898;</span>
<div class="name">删除-圆</div>
<div class="code-name">&amp;#xe898;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe899;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xe899;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89a;</span>
<div class="name">右侧箭头-按钮大圆</div>
<div class="code-name">&amp;#xe89a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89b;</span>
<div class="name">消息-眼睛</div>
<div class="code-name">&amp;#xe89b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89c;</span>
<div class="name">统一</div>
<div class="code-name">&amp;#xe89c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89d;</span>
<div class="name">独个</div>
<div class="code-name">&amp;#xe89d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ad;</span>
<div class="name">地图</div>
<div class="code-name">&amp;#xe8ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89e;</span>
<div class="name">类别</div>
<div class="code-name">&amp;#xe89e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89f;</span>
<div class="name">边距</div>
<div class="code-name">&amp;#xe89f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a0;</span>
<div class="name">右侧箭头-按钮圆</div>
<div class="code-name">&amp;#xe8a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a1;</span>
<div class="name">下侧箭头-缺角</div>
<div class="code-name">&amp;#xe8a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a2;</span>
<div class="name">订单总量</div>
<div class="code-name">&amp;#xe8a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a3;</span>
<div class="name">结算概况</div>
<div class="code-name">&amp;#xe8a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a4;</span>
<div class="name">用户总量</div>
<div class="code-name">&amp;#xe8a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a5;</span>
<div class="name">店铺管理</div>
<div class="code-name">&amp;#xe8a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a6;</span>
<div class="name">订单总计</div>
<div class="code-name">&amp;#xe8a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a7;</span>
<div class="name">成交总量</div>
<div class="code-name">&amp;#xe8a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a8;</span>
<div class="name">商品管理线性</div>
<div class="code-name">&amp;#xe8a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a9;</span>
<div class="name">订单概况</div>
<div class="code-name">&amp;#xe8a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8aa;</span>
<div class="name">订单管理</div>
<div class="code-name">&amp;#xe8aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ab;</span>
<div class="name">更多四块</div>
<div class="code-name">&amp;#xe8ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ae;</span>
<div class="name">左侧箭头</div>
<div class="code-name">&amp;#xe8ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8af;</span>
<div class="name">历史记录</div>
<div class="code-name">&amp;#xe8af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b0;</span>
<div class="name">右侧箭头</div>
<div class="code-name">&amp;#xe8b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b2;</span>
<div class="name">客服</div>
<div class="code-name">&amp;#xe8b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b3;</span>
<div class="name">日期</div>
<div class="code-name">&amp;#xe8b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b4;</span>
<div class="name">定位-坐标</div>
<div class="code-name">&amp;#xe8b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b7;</span>
<div class="name">五角星-空心</div>
<div class="code-name">&amp;#xe8b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b8;</span>
<div class="name">五角星-实心</div>
<div class="code-name">&amp;#xe8b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b9;</span>
<div class="name">星形-空心</div>
<div class="code-name">&amp;#xe8b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bb;</span>
<div class="name">心形-实心</div>
<div class="code-name">&amp;#xe8bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bc;</span>
<div class="name">解锁</div>
<div class="code-name">&amp;#xe8bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bd;</span>
<div class="name">电脑a</div>
<div class="code-name">&amp;#xe8bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe632;</span>
<div class="name">玻尿酸</div>
<div class="code-name">&amp;#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea2e;</span>
<div class="name">添加音乐</div>
<div class="code-name">&amp;#xea2e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e2;</span>
<div class="name">订单售后</div>
<div class="code-name">&amp;#xe7e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<div class="name">点赞-实心</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e5;</span>
<div class="name">评论</div>
<div class="code-name">&amp;#xe7e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e7;</span>
<div class="name">点赞线性-细</div>
<div class="code-name">&amp;#xe7e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e8;</span>
<div class="name">长箭头-上</div>
<div class="code-name">&amp;#xe7e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e9;</span>
<div class="name">分享-空心</div>
<div class="code-name">&amp;#xe7e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ea;</span>
<div class="name">消息-空心</div>
<div class="code-name">&amp;#xe7ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7de;</span>
<div class="name">购物车满</div>
<div class="code-name">&amp;#xe7de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7df;</span>
<div class="name">全屏-圆角</div>
<div class="code-name">&amp;#xe7df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e0;</span>
<div class="name">静音</div>
<div class="code-name">&amp;#xe7e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e1;</span>
<div class="name">图片</div>
<div class="code-name">&amp;#xe7e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e3;</span>
<div class="name">@</div>
<div class="code-name">&amp;#xe7e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d7;</span>
<div class="name">转换-正方形</div>
<div class="code-name">&amp;#xe7d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d8;</span>
<div class="name">DIV装修</div>
<div class="code-name">&amp;#xe7d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d9;</span>
<div class="name">多门店</div>
<div class="code-name">&amp;#xe7d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7da;</span>
<div class="name">设置列表</div>
<div class="code-name">&amp;#xe7da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dc;</span>
<div class="name">用户-多线</div>
<div class="code-name">&amp;#xe7dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dd;</span>
<div class="name">在线客服-粗</div>
<div class="code-name">&amp;#xe7dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d6;</span>
<div class="name">编组</div>
<div class="code-name">&amp;#xe7d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d5;</span>
<div class="name">数据报表</div>
<div class="code-name">&amp;#xe7d5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d1;</span>
<div class="name">电话-间隙</div>
<div class="code-name">&amp;#xe7d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d2;</span>
<div class="name">二维码-圆角</div>
<div class="code-name">&amp;#xe7d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d3;</span>
<div class="name">购物车-线性</div>
<div class="code-name">&amp;#xe7d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d4;</span>
<div class="name">在线客服</div>
<div class="code-name">&amp;#xe7d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d0;</span>
<div class="name">右侧箭头点</div>
<div class="code-name">&amp;#xe7d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cf;</span>
<div class="name">域名</div>
<div class="code-name">&amp;#xe7cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe603;</span>
<div class="name">链接</div>
<div class="code-name">&amp;#xe603;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe718;</span>
<div class="name">链接-圆角</div>
<div class="code-name">&amp;#xe718;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ce;</span>
<div class="name">送礼-细</div>
<div class="code-name">&amp;#xe7ce;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe635;</span>
<div class="name">省略</div>
<div class="code-name">&amp;#xe635;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cd;</span>
<div class="name">视频播放</div>
<div class="code-name">&amp;#xe7cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cc;</span>
<div class="name">布局-6</div>
<div class="code-name">&amp;#xe7cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c7;</span>
<div class="name">布局1-3</div>
<div class="code-name">&amp;#xe7c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c8;</span>
<div class="name">布局1-2</div>
<div class="code-name">&amp;#xe7c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c9;</span>
<div class="name">布局2-1</div>
<div class="code-name">&amp;#xe7c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ca;</span>
<div class="name">布局1-1</div>
<div class="code-name">&amp;#xe7ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cb;</span>
<div class="name">布局-4</div>
<div class="code-name">&amp;#xe7cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c2;</span>
<div class="name">布局-1-2-1</div>
<div class="code-name">&amp;#xe7c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c3;</span>
<div class="name">布局</div>
<div class="code-name">&amp;#xe7c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c4;</span>
<div class="name">布局-1-1-2</div>
<div class="code-name">&amp;#xe7c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c5;</span>
<div class="name">布局-3</div>
<div class="code-name">&amp;#xe7c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c6;</span>
<div class="name">布局3-1</div>
<div class="code-name">&amp;#xe7c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ba;</span>
<div class="name">模块-辅助空白</div>
<div class="code-name">&amp;#xe7ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bc;</span>
<div class="name">模块-单图</div>
<div class="code-name">&amp;#xe7bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bd;</span>
<div class="name">模块-商品</div>
<div class="code-name">&amp;#xe7bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7be;</span>
<div class="name">模块-多图</div>
<div class="code-name">&amp;#xe7be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bf;</span>
<div class="name">编辑-下划2线</div>
<div class="code-name">&amp;#xe7bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c0;</span>
<div class="name">模块-标题</div>
<div class="code-name">&amp;#xe7c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c1;</span>
<div class="name">布局2-1-1</div>
<div class="code-name">&amp;#xe7c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b1;</span>
<div class="name">模块-自定义代码</div>
<div class="code-name">&amp;#xe7b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b2;</span>
<div class="name">移除</div>
<div class="code-name">&amp;#xe7b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b3;</span>
<div class="name">模块-图文</div>
<div class="code-name">&amp;#xe7b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b4;</span>
<div class="name">替换</div>
<div class="code-name">&amp;#xe7b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b5;</span>
<div class="name">拖拽</div>
<div class="code-name">&amp;#xe7b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b6;</span>
<div class="name">双箭头右</div>
<div class="code-name">&amp;#xe7b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b7;</span>
<div class="name">模块-辅助线</div>
<div class="code-name">&amp;#xe7b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b8;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe7b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b9;</span>
<div class="name">模块-视频</div>
<div class="code-name">&amp;#xe7b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b0;</span>
<div class="name">模块-魔方</div>
<div class="code-name">&amp;#xe7b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a6;</span>
<div class="name">商家中心</div>
<div class="code-name">&amp;#xe7a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a7;</span>
<div class="name">导航管理</div>
<div class="code-name">&amp;#xe7a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a8;</span>
<div class="name">店铺管理</div>
<div class="code-name">&amp;#xe7a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">首页推荐</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7aa;</span>
<div class="name">页面设计</div>
<div class="code-name">&amp;#xe7aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ab;</span>
<div class="name">轮播管理</div>
<div class="code-name">&amp;#xe7ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ac;</span>
<div class="name">订单管理</div>
<div class="code-name">&amp;#xe7ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ad;</span>
<div class="name">扩展模块</div>
<div class="code-name">&amp;#xe7ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ae;</span>
<div class="name">商品管理面性</div>
<div class="code-name">&amp;#xe7ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7af;</span>
<div class="name">商品分类</div>
<div class="code-name">&amp;#xe7af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe798;</span>
<div class="name">二级域名确认</div>
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a5;</span>
<div class="name">首页-空心线条</div>
<div class="code-name">&amp;#xe7a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a4;</span>
<div class="name">excel</div>
<div class="code-name">&amp;#xe7a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a3;</span>
<div class="name">导入excel</div>
<div class="code-name">&amp;#xe7a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79e;</span>
<div class="name">批量发货</div>
<div class="code-name">&amp;#xe79e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79f;</span>
<div class="name">标签打印</div>
<div class="code-name">&amp;#xe79f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a0;</span>
<div class="name">运单打印</div>
<div class="code-name">&amp;#xe7a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a1;</span>
<div class="name">导出excel</div>
<div class="code-name">&amp;#xe7a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a2;</span>
<div class="name">数据打印</div>
<div class="code-name">&amp;#xe7a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79c;</span>
<div class="name">推到商城</div>
<div class="code-name">&amp;#xe79c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79d;</span>
<div class="name">商城导入</div>
<div class="code-name">&amp;#xe79d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79a;</span>
<div class="name">账号密码</div>
<div class="code-name">&amp;#xe79a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79b;</span>
<div class="name">手机登录</div>
<div class="code-name">&amp;#xe79b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe760;</span>
<div class="name">资金账单</div>
<div class="code-name">&amp;#xe760;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe761;</span>
<div class="name">系统配置</div>
<div class="code-name">&amp;#xe761;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe763;</span>
<div class="name">销售管理</div>
<div class="code-name">&amp;#xe763;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe764;</span>
<div class="name">采购管理</div>
<div class="code-name">&amp;#xe764;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe765;</span>
<div class="name">库存管理</div>
<div class="code-name">&amp;#xe765;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe795;</span>
<div class="name">商城订单</div>
<div class="code-name">&amp;#xe795;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe796;</span>
<div class="name">基础数据</div>
<div class="code-name">&amp;#xe796;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe797;</span>
<div class="name">客商管理</div>
<div class="code-name">&amp;#xe797;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<div class="name">放大</div>
<div class="code-name">&amp;#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75f;</span>
<div class="name">放大-边线</div>
<div class="code-name">&amp;#xe75f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe602;</span>
<div class="name">放大-四角</div>
<div class="code-name">&amp;#xe602;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75e;</span>
<div class="name">打印-打印机</div>
<div class="code-name">&amp;#xe75e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75d;</span>
<div class="name">简介</div>
<div class="code-name">&amp;#xe75d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">置顶</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">购物车</div>
<div class="code-name">&amp;#xe791;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe792;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">电话</div>
<div class="code-name">&amp;#xe793;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe626;</span>
<div class="name">店铺</div>
<div class="code-name">&amp;#xe626;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">客服</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">爱心-实</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78f;</span>
<div class="name">右侧箭头-轮播</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78e;</span>
<div class="name">左侧箭头-轮播</div>
<div class="code-name">&amp;#xe78e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78d;</span>
<div class="name">爱心-空</div>
<div class="code-name">&amp;#xe78d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78c;</span>
<div class="name">眼睛圆</div>
<div class="code-name">&amp;#xe78c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78a;</span>
<div class="name">优惠券-商城五</div>
<div class="code-name">&amp;#xe78a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe787;</span>
<div class="name">购物袋</div>
<div class="code-name">&amp;#xe787;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe788;</span>
<div class="name">个人-圆</div>
<div class="code-name">&amp;#xe788;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe789;</span>
<div class="name">搜索-线</div>
<div class="code-name">&amp;#xe789;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe783;</span>
<div class="name">免费</div>
<div class="code-name">&amp;#xe783;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe784;</span>
<div class="name">安全锁</div>
<div class="code-name">&amp;#xe784;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe785;</span>
<div class="name">电话</div>
<div class="code-name">&amp;#xe785;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe786;</span>
<div class="name">保障</div>
<div class="code-name">&amp;#xe786;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe780;</span>
<div class="name">手机粗</div>
<div class="code-name">&amp;#xe780;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe781;</span>
<div class="name">电脑</div>
<div class="code-name">&amp;#xe781;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe782;</span>
<div class="name">数码商城</div>
<div class="code-name">&amp;#xe782;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75c;</span>
<div class="name">手表</div>
<div class="code-name">&amp;#xe75c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77e;</span>
<div class="name">耳机</div>
<div class="code-name">&amp;#xe77e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77f;</span>
<div class="name">相机</div>
<div class="code-name">&amp;#xe77f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77d;</span>
<div class="name">上侧箭头-上</div>
<div class="code-name">&amp;#xe77d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77a;</span>
<div class="name">左侧箭头长</div>
<div class="code-name">&amp;#xe77a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77b;</span>
<div class="name">右侧箭头-长</div>
<div class="code-name">&amp;#xe77b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77c;</span>
<div class="name">下侧箭头-下</div>
<div class="code-name">&amp;#xe77c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe779;</span>
<div class="name">夹克-商城二新</div>
<div class="code-name">&amp;#xe779;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe778;</span>
<div class="name">鞋子-商城二</div>
<div class="code-name">&amp;#xe778;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe774;</span>
<div class="name">衬衫-商城二</div>
<div class="code-name">&amp;#xe774;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe775;</span>
<div class="name">手表-时间</div>
<div class="code-name">&amp;#xe775;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe776;</span>
<div class="name">裤子</div>
<div class="code-name">&amp;#xe776;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe777;</span>
<div class="name">回旋</div>
<div class="code-name">&amp;#xe777;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe770;</span>
<div class="name">楼房</div>
<div class="code-name">&amp;#xe770;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe771;</span>
<div class="name">知名</div>
<div class="code-name">&amp;#xe771;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe772;</span>
<div class="name">质量</div>
<div class="code-name">&amp;#xe772;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe773;</span>
<div class="name">先进生产设备</div>
<div class="code-name">&amp;#xe773;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76c;</span>
<div class="name">设置x2</div>
<div class="code-name">&amp;#xe76c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76d;</span>
<div class="name">合作</div>
<div class="code-name">&amp;#xe76d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76e;</span>
<div class="name">工人</div>
<div class="code-name">&amp;#xe76e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76a;</span>
<div class="name">联系电话-官网三</div>
<div class="code-name">&amp;#xe76a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76b;</span>
<div class="name">右侧箭头-长</div>
<div class="code-name">&amp;#xe76b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe766;</span>
<div class="name">灯泡</div>
<div class="code-name">&amp;#xe766;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe767;</span>
<div class="name">更多用户</div>
<div class="code-name">&amp;#xe767;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe768;</span>
<div class="name">星级服务</div>
<div class="code-name">&amp;#xe768;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe769;</span>
<div class="name">信息统计</div>
<div class="code-name">&amp;#xe769;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe762;</span>
<div class="name">右侧箭头-圆框</div>
<div class="code-name">&amp;#xe762;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75a;</span>
<div class="name">职员</div>
<div class="code-name">&amp;#xe75a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75b;</span>
<div class="name">退出</div>
<div class="code-name">&amp;#xe75b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe755;</span>
<div class="name">用户</div>
<div class="code-name">&amp;#xe755;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe756;</span>
<div class="name">订单</div>
<div class="code-name">&amp;#xe756;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe757;</span>
<div class="name">退货</div>
<div class="code-name">&amp;#xe757;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe758;</span>
<div class="name">收银</div>
<div class="code-name">&amp;#xe758;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe759;</span>
<div class="name">核销</div>
<div class="code-name">&amp;#xe759;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe702;</span>
<div class="name">扫码</div>
<div class="code-name">&amp;#xe702;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe753;</span>
<div class="name">配送</div>
<div class="code-name">&amp;#xe753;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe754;</span>
<div class="name">支付</div>
<div class="code-name">&amp;#xe754;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74d;</span>
<div class="name">待收货</div>
<div class="code-name">&amp;#xe74d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74e;</span>
<div class="name">待评论</div>
<div class="code-name">&amp;#xe74e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74f;</span>
<div class="name">待发货</div>
<div class="code-name">&amp;#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe750;</span>
<div class="name">待付款</div>
<div class="code-name">&amp;#xe750;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe751;</span>
<div class="name">退款/售后</div>
<div class="code-name">&amp;#xe751;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe752;</span>
<div class="name">订单列表</div>
<div class="code-name">&amp;#xe752;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe747;</span>
<div class="name">生成账单</div>
<div class="code-name">&amp;#xe747;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe748;</span>
<div class="name">充值</div>
<div class="code-name">&amp;#xe748;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe749;</span>
<div class="name">值班</div>
<div class="code-name">&amp;#xe749;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74a;</span>
<div class="name">薪水</div>
<div class="code-name">&amp;#xe74a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74b;</span>
<div class="name">批量结算</div>
<div class="code-name">&amp;#xe74b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74c;</span>
<div class="name">商品库</div>
<div class="code-name">&amp;#xe74c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe746;</span>
<div class="name">眼睛-不可见</div>
<div class="code-name">&amp;#xe746;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe745;</span>
<div class="name">眼睛-可见</div>
<div class="code-name">&amp;#xe745;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe741;</span>
<div class="name">多选-选中</div>
<div class="code-name">&amp;#xe741;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe742;</span>
<div class="name">单选-未选中</div>
<div class="code-name">&amp;#xe742;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe743;</span>
<div class="name">单选-选中</div>
<div class="code-name">&amp;#xe743;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe744;</span>
<div class="name">多选-未选中</div>
<div class="code-name">&amp;#xe744;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe740;</span>
<div class="name">通知</div>
<div class="code-name">&amp;#xe740;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73f;</span>
<div class="name">启用</div>
<div class="code-name">&amp;#xe73f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73e;</span>
<div class="name">收起</div>
<div class="code-name">&amp;#xe73e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73c;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe73c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73d;</span>
<div class="name">退出</div>
<div class="code-name">&amp;#xe73d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73b;</span>
<div class="name">后台商店用户</div>
<div class="code-name">&amp;#xe73b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe73a;</span>
<div class="name">后台商店VIP</div>
<div class="code-name">&amp;#xe73a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe739;</span>
<div class="name">关闭</div>
<div class="code-name">&amp;#xe739;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe738;</span>
<div class="name">table-user-gender</div>
<div class="code-name">&amp;#xe738;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe733;</span>
<div class="name">眼睛关闭</div>
<div class="code-name">&amp;#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe734;</span>
<div class="name">电话接听</div>
<div class="code-name">&amp;#xe734;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe735;</span>
<div class="name">二维码-三面</div>
<div class="code-name">&amp;#xe735;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe736;</span>
<div class="name">用户名</div>
<div class="code-name">&amp;#xe736;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe737;</span>
<div class="name">邮箱</div>
<div class="code-name">&amp;#xe737;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe731;</span>
<div class="name">选择</div>
<div class="code-name">&amp;#xe731;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe732;</span>
<div class="name">未选</div>
<div class="code-name">&amp;#xe732;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72f;</span>
<div class="name">订单删除</div>
<div class="code-name">&amp;#xe72f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72e;</span>
<div class="name">卸载</div>
<div class="code-name">&amp;#xe72e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72d;</span>
<div class="name">上传文件</div>
<div class="code-name">&amp;#xe72d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72c;</span>
<div class="name">日志</div>
<div class="code-name">&amp;#xe72c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72a;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xe72a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#x10184;</span>
<div class="name">箭头-右侧</div>
<div class="code-name">&amp;#x10184;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe726;</span>
<div class="name">下侧箭头-实心</div>
<div class="code-name">&amp;#xe726;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe727;</span>
<div class="name">上侧箭头</div>
<div class="code-name">&amp;#xe727;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe728;</span>
<div class="name">箭头-右侧</div>
<div class="code-name">&amp;#xe728;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b6;</span>
<div class="name">左侧箭头</div>
<div class="code-name">&amp;#xe8b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe725;</span>
<div class="name">右侧箭头-实心</div>
<div class="code-name">&amp;#xe725;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe724;</span>
<div class="name">排序</div>
<div class="code-name">&amp;#xe724;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe722;</span>
<div class="name">剪切</div>
<div class="code-name">&amp;#xe722;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe723;</span>
<div class="name">复制</div>
<div class="code-name">&amp;#xe723;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe721;</span>
<div class="name">地图定位</div>
<div class="code-name">&amp;#xe721;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe720;</span>
<div class="name">下侧箭头</div>
<div class="code-name">&amp;#xe720;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71f;</span>
<div class="name">返回</div>
<div class="code-name">&amp;#xe71f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71e;</span>
<div class="name">主题</div>
<div class="code-name">&amp;#xe71e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe712;</span>
<div class="name">清扫-粗</div>
<div class="code-name">&amp;#xe712;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe713;</span>
<div class="name">删除</div>
<div class="code-name">&amp;#xe713;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe714;</span>
<div class="name">文档返回</div>
<div class="code-name">&amp;#xe714;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe715;</span>
<div class="name">进口</div>
<div class="code-name">&amp;#xe715;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe716;</span>
<div class="name">发送线性</div>
<div class="code-name">&amp;#xe716;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe717;</span>
<div class="name">发货</div>
<div class="code-name">&amp;#xe717;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe719;</span>
<div class="name">打印</div>
<div class="code-name">&amp;#xe719;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71a;</span>
<div class="name">pdf</div>
<div class="code-name">&amp;#xe71a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71b;</span>
<div class="name">添加</div>
<div class="code-name">&amp;#xe71b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71c;</span>
<div class="name">出口</div>
<div class="code-name">&amp;#xe71c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe71d;</span>
<div class="name">收货</div>
<div class="code-name">&amp;#xe71d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe710;</span>
<div class="name">设置</div>
<div class="code-name">&amp;#xe710;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe711;</span>
<div class="name">刷新</div>
<div class="code-name">&amp;#xe711;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70f;</span>
<div class="name">打勾</div>
<div class="code-name">&amp;#xe70f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70d;</span>
<div class="name">减少按钮</div>
<div class="code-name">&amp;#xe70d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70b;</span>
<div class="name"></div>
<div class="code-name">&amp;#xe70b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70c;</span>
<div class="name">收起-对角</div>
<div class="code-name">&amp;#xe70c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe709;</span>
<div class="name">删除-垃圾桶</div>
<div class="code-name">&amp;#xe709;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe706;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe706;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe707;</span>
<div class="name">下载-下划线</div>
<div class="code-name">&amp;#xe707;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe708;</span>
<div class="name">管理</div>
<div class="code-name">&amp;#xe708;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d9;</span>
<div class="name">首页面性</div>
<div class="code-name">&amp;#xe6d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6da;</span>
<div class="name">管理设置</div>
<div class="code-name">&amp;#xe6da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e5;</span>
<div class="name">工具</div>
<div class="code-name">&amp;#xe6e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6eb;</span>
<div class="name">文章</div>
<div class="code-name">&amp;#xe6eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e3;</span>
<div class="name">数据</div>
<div class="code-name">&amp;#xe6e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e2;</span>
<div class="name">管理手机</div>
<div class="code-name">&amp;#xe6e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e1;</span>
<div class="name">管理订单</div>
<div class="code-name">&amp;#xe6e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e0;</span>
<div class="name">应用管理</div>
<div class="code-name">&amp;#xe6e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6df;</span>
<div class="name">管理</div>
<div class="code-name">&amp;#xe6df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6de;</span>
<div class="name">配置</div>
<div class="code-name">&amp;#xe6de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6dd;</span>
<div class="name">授权</div>
<div class="code-name">&amp;#xe6dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6dc;</span>
<div class="name">品牌</div>
<div class="code-name">&amp;#xe6dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6db;</span>
<div class="name">用户2</div>
<div class="code-name">&amp;#xe6db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ec;</span>
<div class="name">仓库</div>
<div class="code-name">&amp;#xe6ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ed;</span>
<div class="name">商品</div>
<div class="code-name">&amp;#xe6ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f1;</span>
<div class="name">注销-圆</div>
<div class="code-name">&amp;#xe6f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f3;</span>
<div class="name">刷新-单个</div>
<div class="code-name">&amp;#xe6f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ee;</span>
<div class="name">删除-文件</div>
<div class="code-name">&amp;#xe6ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f2;</span>
<div class="name">向下箭头</div>
<div class="code-name">&amp;#xe6f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f0;</span>
<div class="name">关闭-线条点</div>
<div class="code-name">&amp;#xe6f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ef;</span>
<div class="name">工具</div>
<div class="code-name">&amp;#xe6ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f4;</span>
<div class="name">语言</div>
<div class="code-name">&amp;#xe6f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f5;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xe6f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f6;</span>
<div class="name">首页</div>
<div class="code-name">&amp;#xe6f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f7;</span>
<div class="name">清扫</div>
<div class="code-name">&amp;#xe6f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f8;</span>
<div class="name">暗色</div>
<div class="code-name">&amp;#xe6f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f9;</span>
<div class="name">全屏</div>
<div class="code-name">&amp;#xe6f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fa;</span>
<div class="name">亮色</div>
<div class="code-name">&amp;#xe6fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fb;</span>
<div class="name">筛选</div>
<div class="code-name">&amp;#xe6fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fc;</span>
<div class="name">展开</div>
<div class="code-name">&amp;#xe6fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fd;</span>
<div class="name">收起</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ff;</span>
<div class="name">上传</div>
<div class="code-name">&amp;#xe6ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe700;</span>
<div class="name">下载-按钮</div>
<div class="code-name">&amp;#xe700;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe701;</span>
<div class="name">安装</div>
<div class="code-name">&amp;#xe701;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe703;</span>
<div class="name">首页线性</div>
<div class="code-name">&amp;#xe703;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe704;</span>
<div class="name">更新</div>
<div class="code-name">&amp;#xe704;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe705;</span>
<div class="name">application-set</div>
<div class="code-name">&amp;#xe705;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ea;</span>
<div class="name">手机底部导航-首页选中</div>
<div class="code-name">&amp;#xe6ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e9;</span>
<div class="name">手机底部导航-分类选中</div>
<div class="code-name">&amp;#xe6e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e8;</span>
<div class="name">手机底部导航-用户选中</div>
<div class="code-name">&amp;#xe6e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e7;</span>
<div class="name">手机底部导航-购物车选中</div>
<div class="code-name">&amp;#xe6e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b4;</span>
<div class="name">手机底部导航-用户</div>
<div class="code-name">&amp;#xe6b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c8;</span>
<div class="name">手机底部导航-购物车</div>
<div class="code-name">&amp;#xe6c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d7;</span>
<div class="name">手机底部导航-首页</div>
<div class="code-name">&amp;#xe6d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d8;</span>
<div class="name">手机底部导航-分类</div>
<div class="code-name">&amp;#xe6d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d4;</span>
<div class="name">邮箱-粗</div>
<div class="code-name">&amp;#xe6d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d6;</span>
<div class="name">网站地址-圆</div>
<div class="code-name">&amp;#xe6d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d3;</span>
<div class="name">电话-响</div>
<div class="code-name">&amp;#xe6d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d2;</span>
<div class="name">扫码登录端切换-pc</div>
<div class="code-name">&amp;#xe6d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d1;</span>
<div class="name">扫码登录端切换-手机</div>
<div class="code-name">&amp;#xe6d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cf;</span>
<div class="name">卡片</div>
<div class="code-name">&amp;#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6d0;</span>
<div class="name">钱币</div>
<div class="code-name">&amp;#xe6d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cc;</span>
<div class="name">选择-实心</div>
<div class="code-name">&amp;#xe6cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cd;</span>
<div class="name">关闭-键盘退格</div>
<div class="code-name">&amp;#xe6cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6e4;</span>
<div class="name">钱包转账/转换</div>
<div class="code-name">&amp;#xe6e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b5;</span>
<div class="name">扫码-小</div>
<div class="code-name">&amp;#xe8b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6cb;</span>
<div class="name">更多2</div>
<div class="code-name">&amp;#xe6cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ca;</span>
<div class="name">数量</div>
<div class="code-name">&amp;#xe6ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c5;</span>
<div class="name">交换</div>
<div class="code-name">&amp;#xe6c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c7;</span>
<div class="name">注销</div>
<div class="code-name">&amp;#xe6c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c6;</span>
<div class="name">购物车-高</div>
<div class="code-name">&amp;#xe6c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c2;</span>
<div class="name">服饰</div>
<div class="code-name">&amp;#xe6c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c3;</span>
<div class="name">汽车</div>
<div class="code-name">&amp;#xe6c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c4;</span>
<div class="name">珠宝</div>
<div class="code-name">&amp;#xe6c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c1;</span>
<div class="name">确认</div>
<div class="code-name">&amp;#xe6c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6c0;</span>
<div class="name">日历</div>
<div class="code-name">&amp;#xe6c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6be;</span>
<div class="name">右侧箭头-虚线</div>
<div class="code-name">&amp;#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bb;</span>
<div class="name">提现</div>
<div class="code-name">&amp;#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bc;</span>
<div class="name">定位-底座</div>
<div class="code-name">&amp;#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ab;</span>
<div class="name">钱包充值</div>
<div class="code-name">&amp;#xe6ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ac;</span>
<div class="name">赠送-圆</div>
<div class="code-name">&amp;#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ad;</span>
<div class="name">钱包</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ae;</span>
<div class="name">资料管理</div>
<div class="code-name">&amp;#xe6ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6af;</span>
<div class="name">筛选-窄</div>
<div class="code-name">&amp;#xe6af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b0;</span>
<div class="name">冻结</div>
<div class="code-name">&amp;#xe6b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b1;</span>
<div class="name">业务管理</div>
<div class="code-name">&amp;#xe6b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b3;</span>
<div class="name">设置-双线</div>
<div class="code-name">&amp;#xe6b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b5;</span>
<div class="name">积分</div>
<div class="code-name">&amp;#xe6b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b6;</span>
<div class="name">提现</div>
<div class="code-name">&amp;#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b7;</span>
<div class="name">个人中心</div>
<div class="code-name">&amp;#xe6b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b9;</span>
<div class="name">财产中心</div>
<div class="code-name">&amp;#xe6b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a8;</span>
<div class="name">二维码</div>
<div class="code-name">&amp;#xe6a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a9;</span>
<div class="name">会员线性</div>
<div class="code-name">&amp;#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6aa;</span>
<div class="name">右侧箭头-按钮</div>
<div class="code-name">&amp;#xe6aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a6;</span>
<div class="name">未开始</div>
<div class="code-name">&amp;#xe6a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe699;</span>
<div class="name">用户设置</div>
<div class="code-name">&amp;#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69a;</span>
<div class="name">列表-点-粗</div>
<div class="code-name">&amp;#xe69a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69b;</span>
<div class="name">问答</div>
<div class="code-name">&amp;#xe69b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69c;</span>
<div class="name">新闻</div>
<div class="code-name">&amp;#xe69c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a1;</span>
<div class="name">推荐</div>
<div class="code-name">&amp;#xe6a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe695;</span>
<div class="name">选择-点</div>
<div class="code-name">&amp;#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe697;</span>
<div class="name">团队</div>
<div class="code-name">&amp;#xe697;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe691;</span>
<div class="name">积分-简洁</div>
<div class="code-name">&amp;#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68d;</span>
<div class="name">收藏直角</div>
<div class="code-name">&amp;#xe68d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68e;</span>
<div class="name">更多3</div>
<div class="code-name">&amp;#xe68e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68f;</span>
<div class="name">语言-圆</div>
<div class="code-name">&amp;#xe68f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68b;</span>
<div class="name">购物袋</div>
<div class="code-name">&amp;#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68c;</span>
<div class="name">消息-粗</div>
<div class="code-name">&amp;#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe685;</span>
<div class="name">点赞-实心</div>
<div class="code-name">&amp;#xe685;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe687;</span>
<div class="name">分享-实心</div>
<div class="code-name">&amp;#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe688;</span>
<div class="name">回复</div>
<div class="code-name">&amp;#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe683;</span>
<div class="name">发送</div>
<div class="code-name">&amp;#xe683;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe681;</span>
<div class="name">热门-火</div>
<div class="code-name">&amp;#xe681;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67d;</span>
<div class="name">用户-空心</div>
<div class="code-name">&amp;#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67e;</span>
<div class="name">首页</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe643;</span>
<div class="name">收藏-爱心</div>
<div class="code-name">&amp;#xe643;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61a;</span>
<div class="name">列表模式</div>
<div class="code-name">&amp;#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">图片列表切换</div>
<div class="code-name">&amp;#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span>
<div class="name">选中角标</div>
<div class="code-name">&amp;#xe619;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66f;</span>
<div class="name">列表</div>
<div class="code-name">&amp;#xe66f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62b;</span>
<div class="name">开通服务</div>
<div class="code-name">&amp;#xe62b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">礼物</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe624;</span>
<div class="name">分享</div>
<div class="code-name">&amp;#xe624;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a5;</span>
<div class="name">首页</div>
<div class="code-name">&amp;#xe6a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">门店</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe614;</span>
<div class="name">地址</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe621;</span>
<div class="name">消息</div>
<div class="code-name">&amp;#xe621;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">时间</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe653;</span>
<div class="name">购物车</div>
<div class="code-name">&amp;#xe653;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69e;</span>
<div class="name">秒杀</div>
<div class="code-name">&amp;#xe69e;</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('data:font/ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8XGMKAAABjAAAAGBjbWFwBr3wHwAACkQAACDwZ2x5Zp49ADYAAC9kAAHvgGhlYWQ7DCwLAAAA4AAAADZoaGVhFHoTBgAAALwAAAAkaG10eNQT/7YAAAHsAAAIWGxvY2GPCxJWAAArNAAABC5tYXhwA0cB4AAAARgAAAAgbmFtZRCjPLAAAh7kAAACZ3Bvc3RkNOrvAAIhTAAAG6oAAQAAA4D/gABcEbb/uf+5EOIAAQAAAAAAAAAAAAAAAAAAAhYAAQAAAAEAAATviEpfDzz1AAsEAAAAAADlqPQHAAAAAOWo9Af/uf85EOIDxwAAAAgAAgAAAAAAAAABAAACFgHUACcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEOwGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYA//8DgP+AAAAD3ADHAAAAAQAAAAAAAAAAAAAAAAACBAAAAAYoAAAEAAAABAAAAARJAAAEAAAABAAAAAQGAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABFUAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABDMAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQiAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQzAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQA//4EAAAABAAAAAQAAAAEAAAABAAAAAQqAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAESQAAA22AAAMAAAADAAAAAiSAAARtgAAEJIAAAQAAAAQkgAADSQAAA22AAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAQkgAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEmAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQA//8EAAAABAAAAAQAAAAEAAAABCIAAAQiAAAEIgAABCIAAAQiAAAEIgAABCIAAAQiAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEGAAABBgAAAQYAAAEGAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABDMAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQBAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABC4AAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABEkAAAQSAAAEAAAABAD/uQQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAARJAAAEAAAABAAAAAQAAAAEAAAABAAAAARxAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAASdAAAETgAABEkAAAQAAAAEAAAABAAAAARJAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABd8AAAQAAAAEAAAABAAAAAQAAAAEBgAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAB9gAAQAAAAAG0gADAAEAAAAsAAMACgAAB9gABAamAAAAnACAAAYAHOYA5gXmD+YW5hrmIeYk5ibmKeYr5jXmOOZD5k7mU+Zv5n7mgeaD5oXmiOaP5pLmleaX5pzmnuah5qbmuea85r7myObN5tTm5ecJ5w3nKOcq5y/nbueK55jnuufa5+rn8uf25/joAegE6AnoDugQ6BToGugi6CroLOgw6DvoTOhQ6GLodOh26IXoiOiQ6KvosOi56L3qLuq47KD//wAA5gDmAuYK5hTmGeYg5iTmJuYp5ivmMOY45kPmTeZT5m/mfeaB5oPmheaH5ovmkeaV5pfmmeae5qHmpeao5rvmvubA5srmz+bW5ufnC+cP5yrnLOcx53DnjOea57zn3Ofu5/Xn+Of76AToBugO6BDoEugW6B3oKugs6C7oMug+6E7oU+hl6HboeOiH6IrolOit6LLou+ou6rjsoP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
}
</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"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</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 icon-no-data"></span>
<div class="name">
没有数据
</div>
<div class="code-name">.icon-no-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-doctor"></span>
<div class="name">
医生
</div>
<div class="code-name">.icon-doctor
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pill"></span>
<div class="name">
药丸
</div>
<div class="code-name">.icon-pill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-medicine-box"></span>
<div class="name">
药箱
</div>
<div class="code-name">.icon-medicine-box
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-medicine-wide"></span>
<div class="name">
医药箱
</div>
<div class="code-name">.icon-medicine-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-player-end"></span>
<div class="name">
播放结束
</div>
<div class="code-name">.icon-player-end
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-player-pause"></span>
<div class="name">
播放暂停
</div>
<div class="code-name">.icon-player-pause
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-player"></span>
<div class="name">
播放
</div>
<div class="code-name">.icon-player
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-complaint"></span>
<div class="name">
投诉举报
</div>
<div class="code-name">.icon-complaint
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-up"></span>
<div class="name">
双箭头-上
</div>
<div class="code-name">.icon-angle-double-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-right"></span>
<div class="name">
双箭头-右
</div>
<div class="code-name">.icon-angle-double-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-down"></span>
<div class="name">
双箭头-下
</div>
<div class="code-name">.icon-angle-double-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-double-left"></span>
<div class="name">
双箭头-左
</div>
<div class="code-name">.icon-angle-double-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-select"></span>
<div class="name">
选择-勾选
</div>
<div class="code-name">.icon-select
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-line-line"></span>
<div class="name">
line-line
</div>
<div class="code-name">.icon-line-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-life"></span>
<div class="name">
生活号
</div>
<div class="code-name">.icon-life
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-alipay"></span>
<div class="name">
支付宝
</div>
<div class="code-name">.icon-alipay
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qq-o"></span>
<div class="name">
qq-空心
</div>
<div class="code-name">.icon-qq-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qq"></span>
<div class="name">
qq
</div>
<div class="code-name">.icon-qq
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-coffee"></span>
<div class="name">
咖啡
</div>
<div class="code-name">.icon-coffee
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-diy"></span>
<div class="name">
diy装修
</div>
<div class="code-name">.icon-menu-diy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-smallbell"></span>
<div class="name">
铃铛
</div>
<div class="code-name">.icon-smallbell
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-speaker"></span>
<div class="name">
喇叭
</div>
<div class="code-name">.icon-speaker
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search-max"></span>
<div class="name">
搜索-大号
</div>
<div class="code-name">.icon-search-max
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tel-bg-square"></span>
<div class="name">
电话按钮
</div>
<div class="code-name">.icon-tel-bg-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-send-bg-square"></span>
<div class="name">
定位导航
</div>
<div class="code-name">.icon-send-bg-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone-solid"></span>
<div class="name">
电话-实心
</div>
<div class="code-name">.icon-phone-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sending-surface"></span>
<div class="name">
发送面性
</div>
<div class="code-name">.icon-sending-surface
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pp-all"></span>
<div class="name">
重叠
</div>
<div class="code-name">.icon-pp-all
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-category-more"></span>
<div class="name">
类别更多
</div>
<div class="code-name">.icon-category-more
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-solid"></span>
<div class="name">
添加-按钮圆
</div>
<div class="code-name">.icon-add-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reduce"></span>
<div class="name">
减少
</div>
<div class="code-name">.icon-reduce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lose-efficacy"></span>
<div class="name">
失效
</div>
<div class="code-name">.icon-lose-efficacy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share-square"></span>
<div class="name">
分享-正方形
</div>
<div class="code-name">.icon-share-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sign-in"></span>
<div class="name">
签到
</div>
<div class="code-name">.icon-sign-in
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-team-up"></span>
<div class="name">
组队
</div>
<div class="code-name">.icon-team-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close-round"></span>
<div class="name">
关闭-圆
</div>
<div class="code-name">.icon-close-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chat-message-solid"></span>
<div class="name">
客服消息实心
</div>
<div class="code-name">.icon-chat-message-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-help"></span>
<div class="name">
帮助
</div>
<div class="code-name">.icon-help
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order-round"></span>
<div class="name">
订单-圆角
</div>
<div class="code-name">.icon-order-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close-line"></span>
<div class="name">
关闭线条
</div>
<div class="code-name">.icon-close-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-facial-features-of-the-eyes"></span>
<div class="name">
眼睛面性
</div>
<div class="code-name">.icon-facial-features-of-the-eyes
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit-wide"></span>
<div class="name">
编辑-粗
</div>
<div class="code-name">.icon-edit-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-wide"></span>
<div class="name">
添加-粗
</div>
<div class="code-name">.icon-add-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ordinary-distribution"></span>
<div class="name">
普通分销
</div>
<div class="code-name">.icon-ordinary-distribution
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-diamond"></span>
<div class="name">
钻石
</div>
<div class="code-name">.icon-diamond
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-senior-member"></span>
<div class="name">
高级会员
</div>
<div class="code-name">.icon-senior-member
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-add"></span>
<div class="name">
购物车添加
</div>
<div class="code-name">.icon-cart-add
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-half"></span>
<div class="name">
眼睛-下
</div>
<div class="code-name">.icon-eye-half
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-message-square"></span>
<div class="name">
回复
</div>
<div class="code-name">.icon-message-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-givealike-o"></span>
<div class="name">
点赞线性-圆
</div>
<div class="code-name">.icon-givealike-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit-below-line"></span>
<div class="name">
编辑下划线
</div>
<div class="code-name">.icon-edit-below-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-list-dot"></span>
<div class="name">
列表-点
</div>
<div class="code-name">.icon-list-dot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-billfold"></span>
<div class="name">
皮夹
</div>
<div class="code-name">.icon-billfold
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-log-list"></span>
<div class="name">
日志
</div>
<div class="code-name">.icon-log-list
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-timing-time"></span>
<div class="name">
历史时间
</div>
<div class="code-name">.icon-timing-time
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-camera-solid"></span>
<div class="name">
相机-实心
</div>
<div class="code-name">.icon-camera-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-checked"></span>
<div class="name">
选择
</div>
<div class="code-name">.icon-checked
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-language-global"></span>
<div class="name">
语言-全球
</div>
<div class="code-name">.icon-language-global
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-star"></span>
<div class="name">
收藏-星星
</div>
<div class="code-name">.icon-star
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-location"></span>
<div class="name">
定位
</div>
<div class="code-name">.icon-location
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-message-semi-circle"></span>
<div class="name">
消息-半圆
</div>
<div class="code-name">.icon-message-semi-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cash-wallet"></span>
<div class="name">
提现钱包
</div>
<div class="code-name">.icon-cash-wallet
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-recharge"></span>
<div class="name">
充值
</div>
<div class="code-name">.icon-recharge
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-convert-o"></span>
<div class="name">
转换
</div>
<div class="code-name">.icon-convert-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-detail"></span>
<div class="name">
明细
</div>
<div class="code-name">.icon-detail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-transfer-count"></span>
<div class="name">
转账
</div>
<div class="code-name">.icon-transfer-count
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection"></span>
<div class="name">
收款
</div>
<div class="code-name">.icon-collection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-convert"></span>
<div class="name">
转换2
</div>
<div class="code-name">.icon-convert
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy-square"></span>
<div class="name">
复制-方正
</div>
<div class="code-name">.icon-copy-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sigh-o"></span>
<div class="name">
感叹号
</div>
<div class="code-name">.icon-sigh-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-down-mark"></span>
<div class="name">
选中下标
</div>
<div class="code-name">.icon-down-mark
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map-navigator"></span>
<div class="name">
导航
</div>
<div class="code-name">.icon-map-navigator
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-checked-smooth"></span>
<div class="name">
选中-下半圆弧
</div>
<div class="code-name">.icon-checked-smooth
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bofang"></span>
<div class="name">
播放面性
</div>
<div class="code-name">.icon-bofang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-left"></span>
<div class="name">
左对齐
</div>
<div class="code-name">.icon-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reset"></span>
<div class="name">
重置
</div>
<div class="code-name">.icon-reset
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radius-l-t"></span>
<div class="name">
左上圆角
</div>
<div class="code-name">.icon-radius-l-t
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right"></span>
<div class="name">
右对齐
</div>
<div class="code-name">.icon-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radius-r-b"></span>
<div class="name">
右下圆角
</div>
<div class="code-name">.icon-radius-r-b
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-bottom"></span>
<div class="name">
下侧箭头-下
</div>
<div class="code-name">.icon-arrow-bottom
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-elliptic"></span>
<div class="name">
椭圆
</div>
<div class="code-name">.icon-elliptic
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-out-t"></span>
<div class="name">
外上
</div>
<div class="code-name">.icon-out-t
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enter-r"></span>
<div class="name">
内右
</div>
<div class="code-name">.icon-enter-r
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tile"></span>
<div class="name">
单张
</div>
<div class="code-name">.icon-tile
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-spread-over"></span>
<div class="name">
铺满
</div>
<div class="code-name">.icon-spread-over
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enter-l"></span>
<div class="name">
内左
</div>
<div class="code-name">.icon-enter-l
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enter-b"></span>
<div class="name">
内下
</div>
<div class="code-name">.icon-enter-b
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-middle"></span>
<div class="name">
平铺
</div>
<div class="code-name">.icon-middle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-center"></span>
<div class="name">
居中
</div>
<div class="code-name">.icon-center
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enter-t"></span>
<div class="name">
内上
</div>
<div class="code-name">.icon-enter-t
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-text"></span>
<div class="name">
文本
</div>
<div class="code-name">.icon-text
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-auxiliary-line"></span>
<div class="name">
线条
</div>
<div class="code-name">.icon-auxiliary-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-img"></span>
<div class="name">
图片icon
</div>
<div class="code-name">.icon-img
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-out-l"></span>
<div class="name">
外左
</div>
<div class="code-name">.icon-out-l
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-out-b"></span>
<div class="name">
外下
</div>
<div class="code-name">.icon-out-b
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-del"></span>
<div class="name">
删除3
</div>
<div class="code-name">.icon-del
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-drag-dot"></span>
<div class="name">
拖动-点
</div>
<div class="code-name">.icon-drag-dot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-out-r"></span>
<div class="name">
外右
</div>
<div class="code-name">.icon-out-r
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-line-point"></span>
<div class="name">
点线
</div>
<div class="code-name">.icon-line-point
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-del-o"></span>
<div class="name">
删除2
</div>
<div class="code-name">.icon-del-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-line"></span>
<div class="name">
实线
</div>
<div class="code-name">.icon-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close-fillup"></span>
<div class="name">
关闭-填满
</div>
<div class="code-name">.icon-close-fillup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radius-r-t"></span>
<div class="name">
右上圆角
</div>
<div class="code-name">.icon-radius-r-t
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radius-l-b"></span>
<div class="name">
左下圆角
</div>
<div class="code-name">.icon-radius-l-b
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-top"></span>
<div class="name">
上侧箭头
</div>
<div class="code-name">.icon-arrow-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-left"></span>
<div class="name">
左侧箭头
</div>
<div class="code-name">.icon-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-close"></span>
<div class="name">
眼睛可见-关闭
</div>
<div class="code-name">.icon-eye-close
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-view"></span>
<div class="name">
眼睛可见
</div>
<div class="code-name">.icon-eye-view
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-true-o"></span>
<div class="name">
对号 线
</div>
<div class="code-name">.icon-true-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-error-img"></span>
<div class="name">
图片
</div>
<div class="code-name">.icon-error-img
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder"></span>
<div class="name">
文件
</div>
<div class="code-name">.icon-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-file"></span>
<div class="name">
文件
</div>
<div class="code-name">.icon-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vf"></span>
<div class="name">
音频
</div>
<div class="code-name">.icon-vf
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-video-file"></span>
<div class="name">
视频-文件
</div>
<div class="code-name">.icon-video-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zip"></span>
<div class="name">
压缩包
</div>
<div class="code-name">.icon-zip
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ipa"></span>
<div class="name">
IPA
</div>
<div class="code-name">.icon-ipa
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-excel-x"></span>
<div class="name">
Excel
</div>
<div class="code-name">.icon-excel-x
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vsd"></span>
<div class="name">
vsd
</div>
<div class="code-name">.icon-vsd
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-apk"></span>
<div class="name">
APK
</div>
<div class="code-name">.icon-apk
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-word"></span>
<div class="name">
word
</div>
<div class="code-name">.icon-word
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pdf-file"></span>
<div class="name">
PDF-文件
</div>
<div class="code-name">.icon-pdf-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ppt"></span>
<div class="name">
ppt
</div>
<div class="code-name">.icon-ppt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-true"></span>
<div class="name">
进销存对号
</div>
<div class="code-name">.icon-true
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-h-2"></span>
<div class="name">
魔方-竖2
</div>
<div class="code-name">.icon-magic-h-2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-w-2"></span>
<div class="name">
魔方-横2
</div>
<div class="code-name">.icon-magic-w-2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-4x4"></span>
<div class="name">
魔方-4x4
</div>
<div class="code-name">.icon-magic-4x4
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-l1-r2"></span>
<div class="name">
魔方-左1右2
</div>
<div class="code-name">.icon-magic-l1-r2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-h-3"></span>
<div class="name">
魔方-竖3
</div>
<div class="code-name">.icon-magic-h-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-t2-b1"></span>
<div class="name">
魔方-上2下1
</div>
<div class="code-name">.icon-magic-t2-b1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-l1-rt1-rb2"></span>
<div class="name">
魔方-左1右上1右下2
</div>
<div class="code-name">.icon-magic-l1-rt1-rb2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-t1-b2"></span>
<div class="name">
魔方-上1下2
</div>
<div class="code-name">.icon-magic-t1-b2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-2x2"></span>
<div class="name">
魔方-田字格
</div>
<div class="code-name">.icon-magic-2x2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-t2-b3"></span>
<div class="name">
魔方-上2下3
</div>
<div class="code-name">.icon-magic-t2-b3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-l2-r1"></span>
<div class="name">
魔方-左2右1
</div>
<div class="code-name">.icon-magic-l2-r1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-magic-1"></span>
<div class="name">
魔方-1个
</div>
<div class="code-name">.icon-magic-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exe"></span>
<div class="name">
EXE
</div>
<div class="code-name">.icon-exe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-txt"></span>
<div class="name">
TXT
</div>
<div class="code-name">.icon-txt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tips-solid"></span>
<div class="name">
问号-实心
</div>
<div class="code-name">.icon-tips-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit-o"></span>
<div class="name">
编辑-空心
</div>
<div class="code-name">.icon-edit-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close-round-o"></span>
<div class="name">
关闭-圆空心
</div>
<div class="code-name">.icon-close-round-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-miaosha"></span>
<div class="name">
秒杀图标
</div>
<div class="code-name">.icon-a-miaosha
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jinzhi"></span>
<div class="name">
禁止
</div>
<div class="code-name">.icon-jinzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tubiao"></span>
<div class="name">
图标
</div>
<div class="code-name">.icon-tubiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cleaning"></span>
<div class="name">
面性图标_保洁管理
</div>
<div class="code-name">.icon-cleaning
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-down"></span>
<div class="name">
</div>
<div class="code-name">.icon-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-up"></span>
<div class="name">
</div>
<div class="code-name">.icon-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-panel"></span>
<div class="name">
面板
</div>
<div class="code-name">.icon-panel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bottom-up"></span>
<div class="name">
置底
</div>
<div class="code-name">.icon-bottom-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-top-up"></span>
<div class="name">
置顶
</div>
<div class="code-name">.icon-top-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-label"></span>
<div class="name">
榜单标签
</div>
<div class="code-name">.icon-label
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fire"></span>
<div class="name">
热门
</div>
<div class="code-name">.icon-fire
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete-o"></span>
<div class="name">
删除-圆
</div>
<div class="code-name">.icon-delete-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-more-o"></span>
<div class="name">
更多
</div>
<div class="code-name">.icon-more-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-bg-round"></span>
<div class="name">
右侧箭头-按钮大圆
</div>
<div class="code-name">.icon-arrow-right-bg-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chat-eye"></span>
<div class="name">
消息-眼睛
</div>
<div class="code-name">.icon-chat-eye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-unified"></span>
<div class="name">
统一
</div>
<div class="code-name">.icon-unified
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-alone"></span>
<div class="name">
独个
</div>
<div class="code-name">.icon-alone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map-location"></span>
<div class="name">
地图
</div>
<div class="code-name">.icon-map-location
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-category"></span>
<div class="name">
类别
</div>
<div class="code-name">.icon-category
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-margin"></span>
<div class="name">
边距
</div>
<div class="code-name">.icon-margin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-bg-radius"></span>
<div class="name">
右侧箭头-按钮圆
</div>
<div class="code-name">.icon-arrow-right-bg-radius
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-down-gap"></span>
<div class="name">
下侧箭头-缺角
</div>
<div class="code-name">.icon-down-gap
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-list-widget"></span>
<div class="name">
订单总量
</div>
<div class="code-name">.icon-list-widget
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-settlement"></span>
<div class="name">
结算概况
</div>
<div class="code-name">.icon-settlement
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-group"></span>
<div class="name">
用户总量
</div>
<div class="code-name">.icon-user-group
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shop-setup"></span>
<div class="name">
店铺管理
</div>
<div class="code-name">.icon-shop-setup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-triangle-level-3"></span>
<div class="name">
订单总计
</div>
<div class="code-name">.icon-triangle-level-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-log-check"></span>
<div class="name">
成交总量
</div>
<div class="code-name">.icon-log-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-setup"></span>
<div class="name">
商品管理线性
</div>
<div class="code-name">.icon-menu-setup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-list-angle"></span>
<div class="name">
订单概况
</div>
<div class="code-name">.icon-list-angle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-list-setup"></span>
<div class="name">
订单管理
</div>
<div class="code-name">.icon-list-setup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-more-four-pieces"></span>
<div class="name">
更多四块
</div>
<div class="code-name">.icon-more-four-pieces
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-left-arrow"></span>
<div class="name">
左侧箭头
</div>
<div class="code-name">.icon-left-arrow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-historical-records"></span>
<div class="name">
历史记录
</div>
<div class="code-name">.icon-historical-records
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right-arrow"></span>
<div class="name">
右侧箭头
</div>
<div class="code-name">.icon-right-arrow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-customer-service"></span>
<div class="name">
客服
</div>
<div class="code-name">.icon-customer-service
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-date"></span>
<div class="name">
日期
</div>
<div class="code-name">.icon-date
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-latitude-location"></span>
<div class="name">
定位-坐标
</div>
<div class="code-name">.icon-latitude-location
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pointed-o"></span>
<div class="name">
五角星-空心
</div>
<div class="code-name">.icon-pointed-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pointed"></span>
<div class="name">
五角星-实心
</div>
<div class="code-name">.icon-pointed
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-the-heart-o"></span>
<div class="name">
星形-空心
</div>
<div class="code-name">.icon-the-heart-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-the-heart"></span>
<div class="name">
心形-实心
</div>
<div class="code-name">.icon-the-heart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lock"></span>
<div class="name">
解锁
</div>
<div class="code-name">.icon-lock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-computer"></span>
<div class="name">
电脑a
</div>
<div class="code-name">.icon-computer
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-boniaosuan"></span>
<div class="name">
玻尿酸
</div>
<div class="code-name">.icon-boniaosuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-music"></span>
<div class="name">
添加音乐
</div>
<div class="code-name">.icon-add-music
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-order-price"></span>
<div class="name">
订单售后
</div>
<div class="code-name">.icon-menu-order-price
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-givealike"></span>
<div class="name">
点赞-实心
</div>
<div class="code-name">.icon-givealike
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-comment"></span>
<div class="name">
评论
</div>
<div class="code-name">.icon-comment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-givealike-o-fine"></span>
<div class="name">
点赞线性-细
</div>
<div class="code-name">.icon-givealike-o-fine
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-haircut-top"></span>
<div class="name">
长箭头-上
</div>
<div class="code-name">.icon-haircut-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share-o"></span>
<div class="name">
分享-空心
</div>
<div class="code-name">.icon-share-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-message-o"></span>
<div class="name">
消息-空心
</div>
<div class="code-name">.icon-message-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-have"></span>
<div class="name">
购物车满
</div>
<div class="code-name">.icon-cart-have
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-full-screen-round"></span>
<div class="name">
全屏-圆角
</div>
<div class="code-name">.icon-full-screen-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mute"></span>
<div class="name">
静音
</div>
<div class="code-name">.icon-mute
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-images"></span>
<div class="name">
图片
</div>
<div class="code-name">.icon-images
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a"></span>
<div class="name">
@
</div>
<div class="code-name">.icon-a
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-convert-convert"></span>
<div class="name">
转换-正方形
</div>
<div class="code-name">.icon-convert-convert
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-diy-decoration"></span>
<div class="name">
DIV装修
</div>
<div class="code-name">.icon-diy-decoration
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shop-line"></span>
<div class="name">
多门店
</div>
<div class="code-name">.icon-shop-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-setup-list"></span>
<div class="name">
设置列表
</div>
<div class="code-name">.icon-setup-list
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-line"></span>
<div class="name">
用户-多线
</div>
<div class="code-name">.icon-user-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-online-service-wide"></span>
<div class="name">
在线客服-粗
</div>
<div class="code-name">.icon-online-service-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianzu"></span>
<div class="name">
编组
</div>
<div class="code-name">.icon-bianzu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-report"></span>
<div class="name">
数据报表
</div>
<div class="code-name">.icon-report
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tel-gap"></span>
<div class="name">
电话-间隙
</div>
<div class="code-name">.icon-tel-gap
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qrcode-round"></span>
<div class="name">
二维码-圆角
</div>
<div class="code-name">.icon-qrcode-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-solid"></span>
<div class="name">
购物车-线性
</div>
<div class="code-name">.icon-cart-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-online-service"></span>
<div class="name">
在线客服
</div>
<div class="code-name">.icon-online-service
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-point"></span>
<div class="name">
右侧箭头点
</div>
<div class="code-name">.icon-arrow-right-point
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-domain"></span>
<div class="name">
域名
</div>
<div class="code-name">.icon-domain
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-link"></span>
<div class="name">
链接
</div>
<div class="code-name">.icon-link
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-link-round"></span>
<div class="name">
链接-圆角
</div>
<div class="code-name">.icon-link-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift-fine"></span>
<div class="name">
送礼-细
</div>
<div class="code-name">.icon-gift-fine
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ellipsis"></span>
<div class="name">
省略
</div>
<div class="code-name">.icon-ellipsis
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-video"></span>
<div class="name">
视频播放
</div>
<div class="code-name">.icon-video
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-6"></span>
<div class="name">
布局-6
</div>
<div class="code-name">.icon-layout-6
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1-3"></span>
<div class="name">
布局1-3
</div>
<div class="code-name">.icon-layout-1-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1-2"></span>
<div class="name">
布局1-2
</div>
<div class="code-name">.icon-layout-1-2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-2-1"></span>
<div class="name">
布局2-1
</div>
<div class="code-name">.icon-layout-2-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1-1"></span>
<div class="name">
布局1-1
</div>
<div class="code-name">.icon-layout-1-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-4"></span>
<div class="name">
布局-4
</div>
<div class="code-name">.icon-layout-4
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1-2-1"></span>
<div class="name">
布局-1-2-1
</div>
<div class="code-name">.icon-layout-1-2-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1"></span>
<div class="name">
布局
</div>
<div class="code-name">.icon-layout-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-1-1-2"></span>
<div class="name">
布局-1-1-2
</div>
<div class="code-name">.icon-layout-1-1-2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-3"></span>
<div class="name">
布局-3
</div>
<div class="code-name">.icon-layout-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-3-1"></span>
<div class="name">
布局3-1
</div>
<div class="code-name">.icon-layout-3-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-blank"></span>
<div class="name">
模块-辅助空白
</div>
<div class="code-name">.icon-layout-module-blank
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-single-images"></span>
<div class="name">
模块-单图
</div>
<div class="code-name">.icon-layout-module-single-images
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-goods"></span>
<div class="name">
模块-商品
</div>
<div class="code-name">.icon-layout-module-goods
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-many-images"></span>
<div class="name">
模块-多图
</div>
<div class="code-name">.icon-layout-module-many-images
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit-two"></span>
<div class="name">
编辑-下划2线
</div>
<div class="code-name">.icon-edit-two
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-title"></span>
<div class="name">
模块-标题
</div>
<div class="code-name">.icon-layout-module-title
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-2-1-1"></span>
<div class="name">
布局2-1-1
</div>
<div class="code-name">.icon-layout-2-1-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-code"></span>
<div class="name">
模块-自定义代码
</div>
<div class="code-name">.icon-layout-module-code
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-remove"></span>
<div class="name">
移除
</div>
<div class="code-name">.icon-remove
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-images-text"></span>
<div class="name">
模块-图文
</div>
<div class="code-name">.icon-layout-module-images-text
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-replace"></span>
<div class="name">
替换
</div>
<div class="code-name">.icon-replace
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-drag"></span>
<div class="name">
拖拽
</div>
<div class="code-name">.icon-drag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-right-twin"></span>
<div class="name">
双箭头右
</div>
<div class="code-name">.icon-angle-right-twin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-border"></span>
<div class="name">
模块-辅助线
</div>
<div class="code-name">.icon-layout-module-border
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-setup-round"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-setup-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-module-video"></span>
<div class="name">
模块-视频
</div>
<div class="code-name">.icon-layout-module-video
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-layout-magic"></span>
<div class="name">
模块-魔方
</div>
<div class="code-name">.icon-layout-magic
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-center"></span>
<div class="name">
商家中心
</div>
<div class="code-name">.icon-menu-center
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-navicon"></span>
<div class="name">
导航管理
</div>
<div class="code-name">.icon-menu-navicon
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-admin"></span>
<div class="name">
店铺管理
</div>
<div class="code-name">.icon-menu-admin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-recommend"></span>
<div class="name">
首页推荐
</div>
<div class="code-name">.icon-menu-recommend
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-design"></span>
<div class="name">
页面设计
</div>
<div class="code-name">.icon-menu-design
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-slider"></span>
<div class="name">
轮播管理
</div>
<div class="code-name">.icon-menu-slider
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-order"></span>
<div class="name">
订单管理
</div>
<div class="code-name">.icon-menu-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-extend"></span>
<div class="name">
扩展模块
</div>
<div class="code-name">.icon-menu-extend
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-goods"></span>
<div class="name">
商品管理面性
</div>
<div class="code-name">.icon-menu-goods
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-menu-goodscategory"></span>
<div class="name">
商品分类
</div>
<div class="code-name">.icon-menu-goodscategory
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-domain-confirm"></span>
<div class="name">
二级域名确认
</div>
<div class="code-name">.icon-domain-confirm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home-fine"></span>
<div class="name">
首页-空心线条
</div>
<div class="code-name">.icon-home-fine
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-excel"></span>
<div class="name">
excel
</div>
<div class="code-name">.icon-excel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-import-excel"></span>
<div class="name">
导入excel
</div>
<div class="code-name">.icon-import-excel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-batch-delivery"></span>
<div class="name">
批量发货
</div>
<div class="code-name">.icon-batch-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-label-print"></span>
<div class="name">
标签打印
</div>
<div class="code-name">.icon-label-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waybill-print"></span>
<div class="name">
运单打印
</div>
<div class="code-name">.icon-waybill-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-export-excel"></span>
<div class="name">
导出excel
</div>
<div class="code-name">.icon-export-excel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-data-print"></span>
<div class="name">
数据打印
</div>
<div class="code-name">.icon-data-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-push-shop"></span>
<div class="name">
推到商城
</div>
<div class="code-name">.icon-push-shop
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shop-import"></span>
<div class="name">
商城导入
</div>
<div class="code-name">.icon-shop-import
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-account-password"></span>
<div class="name">
账号密码
</div>
<div class="code-name">.icon-account-password
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile-login"></span>
<div class="name">
手机登录
</div>
<div class="code-name">.icon-mobile-login
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-price-bill"></span>
<div class="name">
资金账单
</div>
<div class="code-name">.icon-price-bill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sys-config"></span>
<div class="name">
系统配置
</div>
<div class="code-name">.icon-sys-config
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sales-manage"></span>
<div class="name">
销售管理
</div>
<div class="code-name">.icon-sales-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-purchase-manage"></span>
<div class="name">
采购管理
</div>
<div class="code-name">.icon-purchase-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inventroy-manage"></span>
<div class="name">
库存管理
</div>
<div class="code-name">.icon-inventroy-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shop-order"></span>
<div class="name">
商城订单
</div>
<div class="code-name">.icon-shop-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-base-data"></span>
<div class="name">
基础数据
</div>
<div class="code-name">.icon-base-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-company-manage"></span>
<div class="name">
客商管理
</div>
<div class="code-name">.icon-company-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enlarge"></span>
<div class="name">
放大
</div>
<div class="code-name">.icon-enlarge
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enlarge-border"></span>
<div class="name">
放大-边线
</div>
<div class="code-name">.icon-enlarge-border
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enlarge-four"></span>
<div class="name">
放大-四角
</div>
<div class="code-name">.icon-enlarge-four
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dayin-dayinji"></span>
<div class="name">
打印-打印机
</div>
<div class="code-name">.icon-dayin-dayinji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-describe"></span>
<div class="name">
简介
</div>
<div class="code-name">.icon-describe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sticky"></span>
<div class="name">
置顶
</div>
<div class="code-name">.icon-sticky
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart"></span>
<div class="name">
购物车
</div>
<div class="code-name">.icon-cart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wechart"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-wechart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile"></span>
<div class="name">
电话
</div>
<div class="code-name">.icon-mobile
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shop"></span>
<div class="name">
店铺
</div>
<div class="code-name">.icon-shop
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chat"></span>
<div class="name">
客服
</div>
<div class="code-name">.icon-chat
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-heart"></span>
<div class="name">
爱心-实
</div>
<div class="code-name">.icon-heart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-right"></span>
<div class="name">
右侧箭头-轮播
</div>
<div class="code-name">.icon-swiper-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-left"></span>
<div class="name">
左侧箭头-轮播
</div>
<div class="code-name">.icon-swiper-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-heart-o"></span>
<div class="name">
爱心-空
</div>
<div class="code-name">.icon-heart-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-circle"></span>
<div class="name">
眼睛圆
</div>
<div class="code-name">.icon-eye-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youhuiquan-shangchengwu"></span>
<div class="name">
优惠券-商城五
</div>
<div class="code-name">.icon-youhuiquan-shangchengwu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopping"></span>
<div class="name">
购物袋
</div>
<div class="code-name">.icon-shopping
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-circle"></span>
<div class="name">
个人-圆
</div>
<div class="code-name">.icon-user-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search-fine"></span>
<div class="name">
搜索-线
</div>
<div class="code-name">.icon-search-fine
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delivery"></span>
<div class="name">
免费
</div>
<div class="code-name">.icon-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-security-lock"></span>
<div class="name">
安全锁
</div>
<div class="code-name">.icon-security-lock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tel"></span>
<div class="name">
电话
</div>
<div class="code-name">.icon-tel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guarantee"></span>
<div class="name">
保障
</div>
<div class="code-name">.icon-guarantee
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone-wide"></span>
<div class="name">
手机粗
</div>
<div class="code-name">.icon-phone-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pc"></span>
<div class="name">
电脑
</div>
<div class="code-name">.icon-pc
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-figure"></span>
<div class="name">
数码商城
</div>
<div class="code-name">.icon-figure
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-watch"></span>
<div class="name">
手表
</div>
<div class="code-name">.icon-watch
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-headset"></span>
<div class="name">
耳机
</div>
<div class="code-name">.icon-headset
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-camera"></span>
<div class="name">
相机
</div>
<div class="code-name">.icon-camera
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-arrow-top"></span>
<div class="name">
上侧箭头-上
</div>
<div class="code-name">.icon-swiper-arrow-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-arrow-left"></span>
<div class="name">
左侧箭头长
</div>
<div class="code-name">.icon-swiper-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-arrow-right"></span>
<div class="name">
右侧箭头-长
</div>
<div class="code-name">.icon-swiper-arrow-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-swiper-arrow-down"></span>
<div class="name">
下侧箭头-下
</div>
<div class="code-name">.icon-swiper-arrow-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopsite2-overcoat"></span>
<div class="name">
夹克-商城二新
</div>
<div class="code-name">.icon-shopsite2-overcoat
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopsite2-shoe"></span>
<div class="name">
鞋子-商城二
</div>
<div class="code-name">.icon-shopsite2-shoe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopsize2-shirt"></span>
<div class="name">
衬衫-商城二
</div>
<div class="code-name">.icon-shopsize2-shirt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-watch-time"></span>
<div class="name">
手表-时间
</div>
<div class="code-name">.icon-watch-time
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pants"></span>
<div class="name">
裤子
</div>
<div class="code-name">.icon-pants
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-whirl"></span>
<div class="name">
回旋
</div>
<div class="code-name">.icon-whirl
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-building"></span>
<div class="name">
楼房
</div>
<div class="code-name">.icon-building
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-well-known"></span>
<div class="name">
知名
</div>
<div class="code-name">.icon-well-known
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quality"></span>
<div class="name">
质量
</div>
<div class="code-name">.icon-quality
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-globali"></span>
<div class="name">
先进生产设备
</div>
<div class="code-name">.icon-globali
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-setup-two"></span>
<div class="name">
设置x2
</div>
<div class="code-name">.icon-setup-two
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cooperate"></span>
<div class="name">
合作
</div>
<div class="code-name">.icon-cooperate
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-worker"></span>
<div class="name">
工人
</div>
<div class="code-name">.icon-worker
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone"></span>
<div class="name">
联系电话-官网三
</div>
<div class="code-name">.icon-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-long"></span>
<div class="name">
右侧箭头-长
</div>
<div class="code-name">.icon-arrow-right-long
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-light-bulb"></span>
<div class="name">
灯泡
</div>
<div class="code-name">.icon-light-bulb
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-more"></span>
<div class="name">
更多用户
</div>
<div class="code-name">.icon-user-more
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-service-star"></span>
<div class="name">
星级服务
</div>
<div class="code-name">.icon-service-star
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-info-stats"></span>
<div class="name">
信息统计
</div>
<div class="code-name">.icon-info-stats
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-circle-line"></span>
<div class="name">
右侧箭头-圆框
</div>
<div class="code-name">.icon-arrow-right-circle-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-staff"></span>
<div class="name">
职员
</div>
<div class="code-name">.icon-staff
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exit"></span>
<div class="name">
退出
</div>
<div class="code-name">.icon-exit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user"></span>
<div class="name">
用户
</div>
<div class="code-name">.icon-user
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order"></span>
<div class="name">
订单
</div>
<div class="code-name">.icon-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-after-sales"></span>
<div class="name">
退货
</div>
<div class="code-name">.icon-after-sales
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cashier"></span>
<div class="name">
收银
</div>
<div class="code-name">.icon-cashier
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cashier-check"></span>
<div class="name">
核销
</div>
<div class="code-name">.icon-cashier-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scan"></span>
<div class="name">
扫码
</div>
<div class="code-name">.icon-scan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dadaorder"></span>
<div class="name">
配送
</div>
<div class="code-name">.icon-dadaorder
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-batch-pay"></span>
<div class="name">
支付
</div>
<div class="code-name">.icon-batch-pay
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wait-receive-delivery"></span>
<div class="name">
待收货
</div>
<div class="code-name">.icon-wait-receive-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wait-comment"></span>
<div class="name">
待评论
</div>
<div class="code-name">.icon-wait-comment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wait-delivery"></span>
<div class="name">
待发货
</div>
<div class="code-name">.icon-wait-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wait-payment"></span>
<div class="name">
待付款
</div>
<div class="code-name">.icon-wait-payment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-refund-aftersales"></span>
<div class="name">
退款/售后
</div>
<div class="code-name">.icon-refund-aftersales
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order-list"></span>
<div class="name">
订单列表
</div>
<div class="code-name">.icon-order-list
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-created-midal"></span>
<div class="name">
生成账单
</div>
<div class="code-name">.icon-created-midal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paypal"></span>
<div class="name">
充值
</div>
<div class="code-name">.icon-paypal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duty"></span>
<div class="name">
值班
</div>
<div class="code-name">.icon-duty
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-salary"></span>
<div class="name">
薪水
</div>
<div class="code-name">.icon-salary
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-batch-settlement"></span>
<div class="name">
批量结算
</div>
<div class="code-name">.icon-batch-settlement
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-system-goods"></span>
<div class="name">
商品库
</div>
<div class="code-name">.icon-system-goods
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye-slash"></span>
<div class="name">
眼睛-不可见
</div>
<div class="code-name">.icon-eye-slash
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eye"></span>
<div class="name">
眼睛-可见
</div>
<div class="code-name">.icon-eye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-checkbox-checked"></span>
<div class="name">
多选-选中
</div>
<div class="code-name">.icon-checkbox-checked
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radio-unchecked"></span>
<div class="name">
单选-未选中
</div>
<div class="code-name">.icon-radio-unchecked
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radio-checked"></span>
<div class="name">
单选-选中
</div>
<div class="code-name">.icon-radio-checked
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-checkbox-unchecked"></span>
<div class="name">
多选-未选中
</div>
<div class="code-name">.icon-checkbox-unchecked
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-notice"></span>
<div class="name">
通知
</div>
<div class="code-name">.icon-notice
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-enable"></span>
<div class="name">
启用
</div>
<div class="code-name">.icon-enable
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-retract"></span>
<div class="name">
收起
</div>
<div class="code-name">.icon-retract
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-setup"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-setup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logout"></span>
<div class="name">
退出
</div>
<div class="code-name">.icon-logout
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-store-user"></span>
<div class="name">
后台商店用户
</div>
<div class="code-name">.icon-admin-store-user
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-store-vip"></span>
<div class="name">
后台商店VIP
</div>
<div class="code-name">.icon-admin-store-vip
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close"></span>
<div class="name">
关闭
</div>
<div class="code-name">.icon-close
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-table-user-gender"></span>
<div class="name">
table-user-gender
</div>
<div class="code-name">.icon-table-user-gender
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eyes-closed"></span>
<div class="name">
眼睛关闭
</div>
<div class="code-name">.icon-eyes-closed
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone-answer"></span>
<div class="name">
电话接听
</div>
<div class="code-name">.icon-phone-answer
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qrocde-three-sides"></span>
<div class="name">
二维码-三面
</div>
<div class="code-name">.icon-qrocde-three-sides
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-username"></span>
<div class="name">
用户名
</div>
<div class="code-name">.icon-username
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-email"></span>
<div class="name">
邮箱
</div>
<div class="code-name">.icon-email
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-selected"></span>
<div class="name">
选择
</div>
<div class="code-name">.icon-selected
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-not-selected"></span>
<div class="name">
未选
</div>
<div class="code-name">.icon-not-selected
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order-del"></span>
<div class="name">
订单删除
</div>
<div class="code-name">.icon-order-del
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-uninstall"></span>
<div class="name">
卸载
</div>
<div class="code-name">.icon-uninstall
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-upload-file"></span>
<div class="name">
上传文件
</div>
<div class="code-name">.icon-upload-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-log"></span>
<div class="name">
日志
</div>
<div class="code-name">.icon-log
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-download
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right"></span>
<div class="name">
箭头-右侧
</div>
<div class="code-name">.icon-arrow-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-down-solid"></span>
<div class="name">
下侧箭头-实心
</div>
<div class="code-name">.icon-arrow-down-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-up"></span>
<div class="name">
上侧箭头
</div>
<div class="code-name">.icon-angle-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-right"></span>
<div class="name">
箭头-右侧
</div>
<div class="code-name">.icon-angle-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-left"></span>
<div class="name">
左侧箭头
</div>
<div class="code-name">.icon-angle-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right-solid"></span>
<div class="name">
右侧箭头-实心
</div>
<div class="code-name">.icon-arrow-right-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sort"></span>
<div class="name">
排序
</div>
<div class="code-name">.icon-sort
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shear"></span>
<div class="name">
剪切
</div>
<div class="code-name">.icon-shear
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map-position"></span>
<div class="name">
地图定位
</div>
<div class="code-name">.icon-map-position
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-down"></span>
<div class="name">
下侧箭头
</div>
<div class="code-name">.icon-arrow-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-back"></span>
<div class="name">
返回
</div>
<div class="code-name">.icon-back
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-theme"></span>
<div class="name">
主题
</div>
<div class="code-name">.icon-theme
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clear-crude"></span>
<div class="name">
清扫-粗
</div>
<div class="code-name">.icon-clear-crude
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete"></span>
<div class="name">
删除
</div>
<div class="code-name">.icon-delete
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-doc-back"></span>
<div class="name">
文档返回
</div>
<div class="code-name">.icon-doc-back
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-import"></span>
<div class="name">
进口
</div>
<div class="code-name">.icon-import
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-send-linear"></span>
<div class="name">
发送线性
</div>
<div class="code-name">.icon-send-linear
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-send-delivery"></span>
<div class="name">
发货
</div>
<div class="code-name">.icon-send-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-print"></span>
<div class="name">
打印
</div>
<div class="code-name">.icon-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pdf"></span>
<div class="name">
pdf
</div>
<div class="code-name">.icon-pdf
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add"></span>
<div class="name">
添加
</div>
<div class="code-name">.icon-add
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-export"></span>
<div class="name">
出口
</div>
<div class="code-name">.icon-export
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-take-delivery"></span>
<div class="name">
收货
</div>
<div class="code-name">.icon-take-delivery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cog"></span>
<div class="name">
设置
</div>
<div class="code-name">.icon-cog
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-refresh"></span>
<div class="name">
刷新
</div>
<div class="code-name">.icon-refresh
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check"></span>
<div class="name">
打勾
</div>
<div class="code-name">.icon-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-btn-del"></span>
<div class="name">
减少按钮
</div>
<div class="code-name">.icon-btn-del
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tips"></span>
<div class="name">
</div>
<div class="code-name">.icon-tips
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-retract-diagonal"></span>
<div class="name">
收起-对角
</div>
<div class="code-name">.icon-retract-diagonal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete-dustbin"></span>
<div class="name">
删除-垃圾桶
</div>
<div class="code-name">.icon-delete-dustbin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-search
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download-b-line"></span>
<div class="name">
下载-下划线
</div>
<div class="code-name">.icon-download-b-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-type-manage"></span>
<div class="name">
管理
</div>
<div class="code-name">.icon-type-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home-solid"></span>
<div class="name">
首页面性
</div>
<div class="code-name">.icon-home-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-system"></span>
<div class="name">
管理设置
</div>
<div class="code-name">.icon-admin-system
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-tools"></span>
<div class="name">
工具
</div>
<div class="code-name">.icon-admin-tools
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-article"></span>
<div class="name">
文章
</div>
<div class="code-name">.icon-admin-article
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-data"></span>
<div class="name">
数据
</div>
<div class="code-name">.icon-admin-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-phone"></span>
<div class="name">
管理手机
</div>
<div class="code-name">.icon-admin-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-order"></span>
<div class="name">
管理订单
</div>
<div class="code-name">.icon-admin-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-application"></span>
<div class="name">
应用管理
</div>
<div class="code-name">.icon-admin-application
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-web-manage"></span>
<div class="name">
管理
</div>
<div class="code-name">.icon-admin-web-manage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-site-config"></span>
<div class="name">
配置
</div>
<div class="code-name">.icon-admin-site-config
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-auth"></span>
<div class="name">
授权
</div>
<div class="code-name">.icon-admin-auth
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-brand"></span>
<div class="name">
品牌
</div>
<div class="code-name">.icon-admin-brand
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-user"></span>
<div class="name">
用户2
</div>
<div class="code-name">.icon-admin-user
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-warehouse"></span>
<div class="name">
仓库
</div>
<div class="code-name">.icon-admin-warehouse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-admin-goods"></span>
<div class="name">
商品
</div>
<div class="code-name">.icon-admin-goods
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logout-round"></span>
<div class="name">
注销-圆
</div>
<div class="code-name">.icon-logout-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-refresh-single"></span>
<div class="name">
刷新-单个
</div>
<div class="code-name">.icon-refresh-single
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-del-file"></span>
<div class="name">
删除-文件
</div>
<div class="code-name">.icon-del-file
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-angle-down"></span>
<div class="name">
向下箭头
</div>
<div class="code-name">.icon-angle-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close-line-dot"></span>
<div class="name">
关闭-线条点
</div>
<div class="code-name">.icon-close-line-dot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-tools"></span>
<div class="name">
工具
</div>
<div class="code-name">.icon-nav-tools
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-language"></span>
<div class="name">
语言
</div>
<div class="code-name">.icon-language
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home"></span>
<div class="name">
首页
</div>
<div class="code-name">.icon-home
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clear"></span>
<div class="name">
清扫
</div>
<div class="code-name">.icon-clear
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dark"></span>
<div class="name">
暗色
</div>
<div class="code-name">.icon-dark
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-full-screen"></span>
<div class="name">
全屏
</div>
<div class="code-name">.icon-full-screen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-light"></span>
<div class="name">
亮色
</div>
<div class="code-name">.icon-light
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter"></span>
<div class="name">
筛选
</div>
<div class="code-name">.icon-filter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stretch"></span>
<div class="name">
展开
</div>
<div class="code-name">.icon-stretch
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shrink"></span>
<div class="name">
收起
</div>
<div class="code-name">.icon-shrink
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-upload"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-upload
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download-btn"></span>
<div class="name">
下载-按钮
</div>
<div class="code-name">.icon-download-btn
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-application-install"></span>
<div class="name">
安装
</div>
<div class="code-name">.icon-application-install
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home-line"></span>
<div class="name">
首页线性
</div>
<div class="code-name">.icon-home-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-application-update"></span>
<div class="name">
更新
</div>
<div class="code-name">.icon-application-update
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-application-set"></span>
<div class="name">
application-set
</div>
<div class="code-name">.icon-application-set
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-home-active"></span>
<div class="name">
手机底部导航-首页选中
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-home-active
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-category-active"></span>
<div class="name">
手机底部导航-分类选中
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-category-active
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-user-active"></span>
<div class="name">
手机底部导航-用户选中
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-user-active
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-cart-active"></span>
<div class="name">
手机底部导航-购物车选中
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-cart-active
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-user"></span>
<div class="name">
手机底部导航-用户
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-user
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-cart"></span>
<div class="name">
手机底部导航-购物车
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-cart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-home"></span>
<div class="name">
手机底部导航-首页
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-home
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-web-mobile-bottom-nav-category"></span>
<div class="name">
手机底部导航-分类
</div>
<div class="code-name">.icon-web-mobile-bottom-nav-category
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-email-wide"></span>
<div class="name">
邮箱-粗
</div>
<div class="code-name">.icon-email-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-address-round"></span>
<div class="name">
网站地址-圆
</div>
<div class="code-name">.icon-address-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tel-sound"></span>
<div class="name">
电话-响
</div>
<div class="code-name">.icon-tel-sound
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-login-right-pc"></span>
<div class="name">
扫码登录端切换-pc
</div>
<div class="code-name">.icon-login-right-pc
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-login-right-scan"></span>
<div class="name">
扫码登录端切换-手机
</div>
<div class="code-name">.icon-login-right-scan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chongzhi-zffs"></span>
<div class="name">
卡片
</div>
<div class="code-name">.icon-chongzhi-zffs
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chongzhi-czje"></span>
<div class="name">
钱币
</div>
<div class="code-name">.icon-chongzhi-czje
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-selected-solid"></span>
<div class="name">
选择-实心
</div>
<div class="code-name">.icon-selected-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keyboard-backspace"></span>
<div class="name">
关闭-键盘退格
</div>
<div class="code-name">.icon-keyboard-backspace
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-transfer"></span>
<div class="name">
钱包转账/转换
</div>
<div class="code-name">.icon-transfer
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scan-mini"></span>
<div class="name">
扫码-小
</div>
<div class="code-name">.icon-scan-mini
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-more-phone"></span>
<div class="name">
更多2
</div>
<div class="code-name">.icon-more-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quantity"></span>
<div class="name">
数量
</div>
<div class="code-name">.icon-quantity
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exchange-nav-top"></span>
<div class="name">
交换
</div>
<div class="code-name">.icon-exchange-nav-top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-center-left-logout"></span>
<div class="name">
注销
</div>
<div class="code-name">.icon-user-center-left-logout
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopping-cart-tall"></span>
<div class="name">
购物车-高
</div>
<div class="code-name">.icon-shopping-cart-tall
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clothing"></span>
<div class="name">
服饰
</div>
<div class="code-name">.icon-clothing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-car"></span>
<div class="name">
汽车
</div>
<div class="code-name">.icon-car
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jewelry"></span>
<div class="name">
珠宝
</div>
<div class="code-name">.icon-jewelry
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-confirm"></span>
<div class="name">
确认
</div>
<div class="code-name">.icon-confirm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calendar"></span>
<div class="name">
日历
</div>
<div class="code-name">.icon-calendar
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right-arrow-dashed-line"></span>
<div class="name">
右侧箭头-虚线
</div>
<div class="code-name">.icon-right-arrow-dashed-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-withdrawal"></span>
<div class="name">
提现
</div>
<div class="code-name">.icon-withdrawal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-location-pedestal"></span>
<div class="name">
定位-底座
</div>
<div class="code-name">.icon-location-pedestal
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wallet-recharge"></span>
<div class="name">
钱包充值
</div>
<div class="code-name">.icon-wallet-recharge
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift-round"></span>
<div class="name">
赠送-圆
</div>
<div class="code-name">.icon-gift-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wallet"></span>
<div class="name">
钱包
</div>
<div class="code-name">.icon-wallet
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-data-management"></span>
<div class="name">
资料管理
</div>
<div class="code-name">.icon-data-management
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter-narrow"></span>
<div class="name">
筛选-窄
</div>
<div class="code-name">.icon-filter-narrow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-freeze"></span>
<div class="name">
冻结
</div>
<div class="code-name">.icon-freeze
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-center-left-business"></span>
<div class="name">
业务管理
</div>
<div class="code-name">.icon-user-center-left-business
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-setup-double-line"></span>
<div class="name">
设置-双线
</div>
<div class="code-name">.icon-setup-double-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-points"></span>
<div class="name">
积分
</div>
<div class="code-name">.icon-points
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cash"></span>
<div class="name">
提现
</div>
<div class="code-name">.icon-cash
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-center-left-home"></span>
<div class="name">
个人中心
</div>
<div class="code-name">.icon-user-center-left-home
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-center-left-property"></span>
<div class="name">
财产中心
</div>
<div class="code-name">.icon-user-center-left-property
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qrcode"></span>
<div class="name">
二维码
</div>
<div class="code-name">.icon-qrcode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-membership-linear"></span>
<div class="name">
会员线性
</div>
<div class="code-name">.icon-membership-linear
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-right-arrow-btn"></span>
<div class="name">
右侧箭头-按钮
</div>
<div class="code-name">.icon-right-arrow-btn
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-notbegun_zb"></span>
<div class="name">
未开始
</div>
<div class="code-name">.icon-a-notbegun_zb
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-setup"></span>
<div class="name">
用户设置
</div>
<div class="code-name">.icon-user-setup
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-list-dot-wide"></span>
<div class="name">
列表-点-粗
</div>
<div class="code-name">.icon-list-dot-wide
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ask"></span>
<div class="name">
问答
</div>
<div class="code-name">.icon-ask
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-new"></span>
<div class="name">
新闻
</div>
<div class="code-name">.icon-new
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-recommend"></span>
<div class="name">
推荐
</div>
<div class="code-name">.icon-recommend
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-selected-dot"></span>
<div class="name">
选择-点
</div>
<div class="code-name">.icon-selected-dot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-team"></span>
<div class="name">
团队
</div>
<div class="code-name">.icon-team
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-points-terse"></span>
<div class="name">
积分-简洁
</div>
<div class="code-name">.icon-points-terse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-star-stiff"></span>
<div class="name">
收藏直角
</div>
<div class="code-name">.icon-star-stiff
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-more3"></span>
<div class="name">
更多3
</div>
<div class="code-name">.icon-more3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-language-round"></span>
<div class="name">
语言-圆
</div>
<div class="code-name">.icon-language-round
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopping-bag"></span>
<div class="name">
购物袋
</div>
<div class="code-name">.icon-shopping-bag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-message-stout"></span>
<div class="name">
消息-粗
</div>
<div class="code-name">.icon-message-stout
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-givealike-solid"></span>
<div class="name">
点赞-实心
</div>
<div class="code-name">.icon-givealike-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share-solid"></span>
<div class="name">
分享-实心
</div>
<div class="code-name">.icon-share-solid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reply"></span>
<div class="name">
回复
</div>
<div class="code-name">.icon-reply
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-publish"></span>
<div class="name">
发送
</div>
<div class="code-name">.icon-publish
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hot"></span>
<div class="name">
热门-火
</div>
<div class="code-name">.icon-hot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-o"></span>
<div class="name">
用户-空心
</div>
<div class="code-name">.icon-user-o
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-index"></span>
<div class="name">
首页
</div>
<div class="code-name">.icon-index
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collect"></span>
<div class="name">
收藏-爱心
</div>
<div class="code-name">.icon-collect
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-table-list"></span>
<div class="name">
列表模式
</div>
<div class="code-name">.icon-table-list
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-table-grid"></span>
<div class="name">
图片列表切换
</div>
<div class="code-name">.icon-table-grid
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-subscript"></span>
<div class="name">
选中角标
</div>
<div class="code-name">.icon-subscript
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tabulation"></span>
<div class="name">
列表
</div>
<div class="code-name">.icon-tabulation
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-activate-service"></span>
<div class="name">
开通服务
</div>
<div class="code-name">.icon-activate-service
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift"></span>
<div class="name">
礼物
</div>
<div class="code-name">.icon-gift
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share"></span>
<div class="name">
分享
</div>
<div class="code-name">.icon-share
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home-page"></span>
<div class="name">
首页
</div>
<div class="code-name">.icon-home-page
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-store"></span>
<div class="name">
门店
</div>
<div class="code-name">.icon-store
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-address"></span>
<div class="name">
地址
</div>
<div class="code-name">.icon-address
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-message"></span>
<div class="name">
消息
</div>
<div class="code-name">.icon-message
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-time"></span>
<div class="name">
时间
</div>
<div class="code-name">.icon-time
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shopping-cart"></span>
<div class="name">
购物车
</div>
<div class="code-name">.icon-shopping-cart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-flash-killing"></span>
<div class="name">
秒杀
</div>
<div class="code-name">.icon-flash-killing
</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">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</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="#icon-no-data"></use>
</svg>
<div class="name">没有数据</div>
<div class="code-name">#icon-no-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-doctor"></use>
</svg>
<div class="name">医生</div>
<div class="code-name">#icon-doctor</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pill"></use>
</svg>
<div class="name">药丸</div>
<div class="code-name">#icon-pill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-medicine-box"></use>
</svg>
<div class="name">药箱</div>
<div class="code-name">#icon-medicine-box</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-medicine-wide"></use>
</svg>
<div class="name">医药箱</div>
<div class="code-name">#icon-medicine-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-player-end"></use>
</svg>
<div class="name">播放结束</div>
<div class="code-name">#icon-player-end</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-player-pause"></use>
</svg>
<div class="name">播放暂停</div>
<div class="code-name">#icon-player-pause</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-player"></use>
</svg>
<div class="name">播放</div>
<div class="code-name">#icon-player</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-complaint"></use>
</svg>
<div class="name">投诉举报</div>
<div class="code-name">#icon-complaint</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-up"></use>
</svg>
<div class="name">双箭头-上</div>
<div class="code-name">#icon-angle-double-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-right"></use>
</svg>
<div class="name">双箭头-右</div>
<div class="code-name">#icon-angle-double-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-down"></use>
</svg>
<div class="name">双箭头-下</div>
<div class="code-name">#icon-angle-double-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-double-left"></use>
</svg>
<div class="name">双箭头-左</div>
<div class="code-name">#icon-angle-double-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-select"></use>
</svg>
<div class="name">选择-勾选</div>
<div class="code-name">#icon-select</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line-line"></use>
</svg>
<div class="name">line-line</div>
<div class="code-name">#icon-line-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-life"></use>
</svg>
<div class="name">生活号</div>
<div class="code-name">#icon-life</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alipay"></use>
</svg>
<div class="name">支付宝</div>
<div class="code-name">#icon-alipay</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qq-o"></use>
</svg>
<div class="name">qq-空心</div>
<div class="code-name">#icon-qq-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qq"></use>
</svg>
<div class="name">qq</div>
<div class="code-name">#icon-qq</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-coffee"></use>
</svg>
<div class="name">咖啡</div>
<div class="code-name">#icon-coffee</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-diy"></use>
</svg>
<div class="name">diy装修</div>
<div class="code-name">#icon-menu-diy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-smallbell"></use>
</svg>
<div class="name">铃铛</div>
<div class="code-name">#icon-smallbell</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-speaker"></use>
</svg>
<div class="name">喇叭</div>
<div class="code-name">#icon-speaker</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search-max"></use>
</svg>
<div class="name">搜索-大号</div>
<div class="code-name">#icon-search-max</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tel-bg-square"></use>
</svg>
<div class="name">电话按钮</div>
<div class="code-name">#icon-tel-bg-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-send-bg-square"></use>
</svg>
<div class="name">定位导航</div>
<div class="code-name">#icon-send-bg-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone-solid"></use>
</svg>
<div class="name">电话-实心</div>
<div class="code-name">#icon-phone-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sending-surface"></use>
</svg>
<div class="name">发送面性</div>
<div class="code-name">#icon-sending-surface</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pp-all"></use>
</svg>
<div class="name">重叠</div>
<div class="code-name">#icon-pp-all</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-category-more"></use>
</svg>
<div class="name">类别更多</div>
<div class="code-name">#icon-category-more</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-solid"></use>
</svg>
<div class="name">添加-按钮圆</div>
<div class="code-name">#icon-add-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reduce"></use>
</svg>
<div class="name">减少</div>
<div class="code-name">#icon-reduce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lose-efficacy"></use>
</svg>
<div class="name">失效</div>
<div class="code-name">#icon-lose-efficacy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share-square"></use>
</svg>
<div class="name">分享-正方形</div>
<div class="code-name">#icon-share-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sign-in"></use>
</svg>
<div class="name">签到</div>
<div class="code-name">#icon-sign-in</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-team-up"></use>
</svg>
<div class="name">组队</div>
<div class="code-name">#icon-team-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close-round"></use>
</svg>
<div class="name">关闭-圆</div>
<div class="code-name">#icon-close-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chat-message-solid"></use>
</svg>
<div class="name">客服消息实心</div>
<div class="code-name">#icon-chat-message-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-help"></use>
</svg>
<div class="name">帮助</div>
<div class="code-name">#icon-help</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order-round"></use>
</svg>
<div class="name">订单-圆角</div>
<div class="code-name">#icon-order-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close-line"></use>
</svg>
<div class="name">关闭线条</div>
<div class="code-name">#icon-close-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-facial-features-of-the-eyes"></use>
</svg>
<div class="name">眼睛面性</div>
<div class="code-name">#icon-facial-features-of-the-eyes</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit-wide"></use>
</svg>
<div class="name">编辑-粗</div>
<div class="code-name">#icon-edit-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-wide"></use>
</svg>
<div class="name">添加-粗</div>
<div class="code-name">#icon-add-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ordinary-distribution"></use>
</svg>
<div class="name">普通分销</div>
<div class="code-name">#icon-ordinary-distribution</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-diamond"></use>
</svg>
<div class="name">钻石</div>
<div class="code-name">#icon-diamond</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-senior-member"></use>
</svg>
<div class="name">高级会员</div>
<div class="code-name">#icon-senior-member</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-add"></use>
</svg>
<div class="name">购物车添加</div>
<div class="code-name">#icon-cart-add</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-half"></use>
</svg>
<div class="name">眼睛-下</div>
<div class="code-name">#icon-eye-half</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-message-square"></use>
</svg>
<div class="name">回复</div>
<div class="code-name">#icon-message-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-givealike-o"></use>
</svg>
<div class="name">点赞线性-圆</div>
<div class="code-name">#icon-givealike-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit-below-line"></use>
</svg>
<div class="name">编辑下划线</div>
<div class="code-name">#icon-edit-below-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-list-dot"></use>
</svg>
<div class="name">列表-点</div>
<div class="code-name">#icon-list-dot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-billfold"></use>
</svg>
<div class="name">皮夹</div>
<div class="code-name">#icon-billfold</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-log-list"></use>
</svg>
<div class="name">日志</div>
<div class="code-name">#icon-log-list</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-timing-time"></use>
</svg>
<div class="name">历史时间</div>
<div class="code-name">#icon-timing-time</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-camera-solid"></use>
</svg>
<div class="name">相机-实心</div>
<div class="code-name">#icon-camera-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-checked"></use>
</svg>
<div class="name">选择</div>
<div class="code-name">#icon-checked</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-language-global"></use>
</svg>
<div class="name">语言-全球</div>
<div class="code-name">#icon-language-global</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-star"></use>
</svg>
<div class="name">收藏-星星</div>
<div class="code-name">#icon-star</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-location"></use>
</svg>
<div class="name">定位</div>
<div class="code-name">#icon-location</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-message-semi-circle"></use>
</svg>
<div class="name">消息-半圆</div>
<div class="code-name">#icon-message-semi-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cash-wallet"></use>
</svg>
<div class="name">提现钱包</div>
<div class="code-name">#icon-cash-wallet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-recharge"></use>
</svg>
<div class="name">充值</div>
<div class="code-name">#icon-recharge</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-convert-o"></use>
</svg>
<div class="name">转换</div>
<div class="code-name">#icon-convert-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-detail"></use>
</svg>
<div class="name">明细</div>
<div class="code-name">#icon-detail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-transfer-count"></use>
</svg>
<div class="name">转账</div>
<div class="code-name">#icon-transfer-count</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collection"></use>
</svg>
<div class="name">收款</div>
<div class="code-name">#icon-collection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-convert"></use>
</svg>
<div class="name">转换2</div>
<div class="code-name">#icon-convert</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy-square"></use>
</svg>
<div class="name">复制-方正</div>
<div class="code-name">#icon-copy-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sigh-o"></use>
</svg>
<div class="name">感叹号</div>
<div class="code-name">#icon-sigh-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-down-mark"></use>
</svg>
<div class="name">选中下标</div>
<div class="code-name">#icon-down-mark</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map-navigator"></use>
</svg>
<div class="name">导航</div>
<div class="code-name">#icon-map-navigator</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-checked-smooth"></use>
</svg>
<div class="name">选中-下半圆弧</div>
<div class="code-name">#icon-checked-smooth</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bofang"></use>
</svg>
<div class="name">播放面性</div>
<div class="code-name">#icon-bofang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-left"></use>
</svg>
<div class="name">左对齐</div>
<div class="code-name">#icon-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reset"></use>
</svg>
<div class="name">重置</div>
<div class="code-name">#icon-reset</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radius-l-t"></use>
</svg>
<div class="name">左上圆角</div>
<div class="code-name">#icon-radius-l-t</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right"></use>
</svg>
<div class="name">右对齐</div>
<div class="code-name">#icon-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radius-r-b"></use>
</svg>
<div class="name">右下圆角</div>
<div class="code-name">#icon-radius-r-b</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-bottom"></use>
</svg>
<div class="name">下侧箭头-下</div>
<div class="code-name">#icon-arrow-bottom</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-elliptic"></use>
</svg>
<div class="name">椭圆</div>
<div class="code-name">#icon-elliptic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-out-t"></use>
</svg>
<div class="name">外上</div>
<div class="code-name">#icon-out-t</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enter-r"></use>
</svg>
<div class="name">内右</div>
<div class="code-name">#icon-enter-r</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tile"></use>
</svg>
<div class="name">单张</div>
<div class="code-name">#icon-tile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-spread-over"></use>
</svg>
<div class="name">铺满</div>
<div class="code-name">#icon-spread-over</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enter-l"></use>
</svg>
<div class="name">内左</div>
<div class="code-name">#icon-enter-l</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enter-b"></use>
</svg>
<div class="name">内下</div>
<div class="code-name">#icon-enter-b</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-middle"></use>
</svg>
<div class="name">平铺</div>
<div class="code-name">#icon-middle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-center"></use>
</svg>
<div class="name">居中</div>
<div class="code-name">#icon-center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enter-t"></use>
</svg>
<div class="name">内上</div>
<div class="code-name">#icon-enter-t</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-text"></use>
</svg>
<div class="name">文本</div>
<div class="code-name">#icon-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-auxiliary-line"></use>
</svg>
<div class="name">线条</div>
<div class="code-name">#icon-auxiliary-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-img"></use>
</svg>
<div class="name">图片icon</div>
<div class="code-name">#icon-img</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-out-l"></use>
</svg>
<div class="name">外左</div>
<div class="code-name">#icon-out-l</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-out-b"></use>
</svg>
<div class="name">外下</div>
<div class="code-name">#icon-out-b</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-del"></use>
</svg>
<div class="name">删除3</div>
<div class="code-name">#icon-del</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-drag-dot"></use>
</svg>
<div class="name">拖动-点</div>
<div class="code-name">#icon-drag-dot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-out-r"></use>
</svg>
<div class="name">外右</div>
<div class="code-name">#icon-out-r</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line-point"></use>
</svg>
<div class="name">点线</div>
<div class="code-name">#icon-line-point</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-del-o"></use>
</svg>
<div class="name">删除2</div>
<div class="code-name">#icon-del-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line"></use>
</svg>
<div class="name">实线</div>
<div class="code-name">#icon-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close-fillup"></use>
</svg>
<div class="name">关闭-填满</div>
<div class="code-name">#icon-close-fillup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radius-r-t"></use>
</svg>
<div class="name">右上圆角</div>
<div class="code-name">#icon-radius-r-t</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radius-l-b"></use>
</svg>
<div class="name">左下圆角</div>
<div class="code-name">#icon-radius-l-b</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-top"></use>
</svg>
<div class="name">上侧箭头</div>
<div class="code-name">#icon-arrow-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-left"></use>
</svg>
<div class="name">左侧箭头</div>
<div class="code-name">#icon-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-close"></use>
</svg>
<div class="name">眼睛可见-关闭</div>
<div class="code-name">#icon-eye-close</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-view"></use>
</svg>
<div class="name">眼睛可见</div>
<div class="code-name">#icon-eye-view</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-true-o"></use>
</svg>
<div class="name">对号 线</div>
<div class="code-name">#icon-true-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-error-img"></use>
</svg>
<div class="name">图片</div>
<div class="code-name">#icon-error-img</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder"></use>
</svg>
<div class="name">文件</div>
<div class="code-name">#icon-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-file"></use>
</svg>
<div class="name">文件</div>
<div class="code-name">#icon-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vf"></use>
</svg>
<div class="name">音频</div>
<div class="code-name">#icon-vf</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-video-file"></use>
</svg>
<div class="name">视频-文件</div>
<div class="code-name">#icon-video-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip"></use>
</svg>
<div class="name">压缩包</div>
<div class="code-name">#icon-zip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ipa"></use>
</svg>
<div class="name">IPA</div>
<div class="code-name">#icon-ipa</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel-x"></use>
</svg>
<div class="name">Excel</div>
<div class="code-name">#icon-excel-x</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vsd"></use>
</svg>
<div class="name">vsd</div>
<div class="code-name">#icon-vsd</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-apk"></use>
</svg>
<div class="name">APK</div>
<div class="code-name">#icon-apk</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word"></use>
</svg>
<div class="name">word</div>
<div class="code-name">#icon-word</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf-file"></use>
</svg>
<div class="name">PDF-文件</div>
<div class="code-name">#icon-pdf-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ppt"></use>
</svg>
<div class="name">ppt</div>
<div class="code-name">#icon-ppt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-true"></use>
</svg>
<div class="name">进销存对号</div>
<div class="code-name">#icon-true</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-h-2"></use>
</svg>
<div class="name">魔方-竖2</div>
<div class="code-name">#icon-magic-h-2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-w-2"></use>
</svg>
<div class="name">魔方-横2</div>
<div class="code-name">#icon-magic-w-2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-4x4"></use>
</svg>
<div class="name">魔方-4x4</div>
<div class="code-name">#icon-magic-4x4</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-l1-r2"></use>
</svg>
<div class="name">魔方-左1右2</div>
<div class="code-name">#icon-magic-l1-r2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-h-3"></use>
</svg>
<div class="name">魔方-竖3</div>
<div class="code-name">#icon-magic-h-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-t2-b1"></use>
</svg>
<div class="name">魔方-上2下1</div>
<div class="code-name">#icon-magic-t2-b1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-l1-rt1-rb2"></use>
</svg>
<div class="name">魔方-左1右上1右下2</div>
<div class="code-name">#icon-magic-l1-rt1-rb2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-t1-b2"></use>
</svg>
<div class="name">魔方-上1下2</div>
<div class="code-name">#icon-magic-t1-b2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-2x2"></use>
</svg>
<div class="name">魔方-田字格</div>
<div class="code-name">#icon-magic-2x2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-t2-b3"></use>
</svg>
<div class="name">魔方-上2下3</div>
<div class="code-name">#icon-magic-t2-b3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-l2-r1"></use>
</svg>
<div class="name">魔方-左2右1</div>
<div class="code-name">#icon-magic-l2-r1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-magic-1"></use>
</svg>
<div class="name">魔方-1个</div>
<div class="code-name">#icon-magic-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exe"></use>
</svg>
<div class="name">EXE</div>
<div class="code-name">#icon-exe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt"></use>
</svg>
<div class="name">TXT</div>
<div class="code-name">#icon-txt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tips-solid"></use>
</svg>
<div class="name">问号-实心</div>
<div class="code-name">#icon-tips-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit-o"></use>
</svg>
<div class="name">编辑-空心</div>
<div class="code-name">#icon-edit-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close-round-o"></use>
</svg>
<div class="name">关闭-圆空心</div>
<div class="code-name">#icon-close-round-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-miaosha"></use>
</svg>
<div class="name">秒杀图标</div>
<div class="code-name">#icon-a-miaosha</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jinzhi"></use>
</svg>
<div class="name">禁止</div>
<div class="code-name">#icon-jinzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tubiao"></use>
</svg>
<div class="name">图标</div>
<div class="code-name">#icon-tubiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cleaning"></use>
</svg>
<div class="name">面性图标_保洁管理</div>
<div class="code-name">#icon-cleaning</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-down"></use>
</svg>
<div class="name"></div>
<div class="code-name">#icon-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-up"></use>
</svg>
<div class="name"></div>
<div class="code-name">#icon-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-panel"></use>
</svg>
<div class="name">面板</div>
<div class="code-name">#icon-panel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bottom-up"></use>
</svg>
<div class="name">置底</div>
<div class="code-name">#icon-bottom-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-top-up"></use>
</svg>
<div class="name">置顶</div>
<div class="code-name">#icon-top-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-label"></use>
</svg>
<div class="name">榜单标签</div>
<div class="code-name">#icon-label</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fire"></use>
</svg>
<div class="name">热门</div>
<div class="code-name">#icon-fire</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete-o"></use>
</svg>
<div class="name">删除-圆</div>
<div class="code-name">#icon-delete-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-more-o"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icon-more-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-bg-round"></use>
</svg>
<div class="name">右侧箭头-按钮大圆</div>
<div class="code-name">#icon-arrow-right-bg-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chat-eye"></use>
</svg>
<div class="name">消息-眼睛</div>
<div class="code-name">#icon-chat-eye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-unified"></use>
</svg>
<div class="name">统一</div>
<div class="code-name">#icon-unified</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alone"></use>
</svg>
<div class="name">独个</div>
<div class="code-name">#icon-alone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map-location"></use>
</svg>
<div class="name">地图</div>
<div class="code-name">#icon-map-location</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-category"></use>
</svg>
<div class="name">类别</div>
<div class="code-name">#icon-category</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-margin"></use>
</svg>
<div class="name">边距</div>
<div class="code-name">#icon-margin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-bg-radius"></use>
</svg>
<div class="name">右侧箭头-按钮圆</div>
<div class="code-name">#icon-arrow-right-bg-radius</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-down-gap"></use>
</svg>
<div class="name">下侧箭头-缺角</div>
<div class="code-name">#icon-down-gap</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-list-widget"></use>
</svg>
<div class="name">订单总量</div>
<div class="code-name">#icon-list-widget</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-settlement"></use>
</svg>
<div class="name">结算概况</div>
<div class="code-name">#icon-settlement</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-group"></use>
</svg>
<div class="name">用户总量</div>
<div class="code-name">#icon-user-group</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shop-setup"></use>
</svg>
<div class="name">店铺管理</div>
<div class="code-name">#icon-shop-setup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-triangle-level-3"></use>
</svg>
<div class="name">订单总计</div>
<div class="code-name">#icon-triangle-level-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-log-check"></use>
</svg>
<div class="name">成交总量</div>
<div class="code-name">#icon-log-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-setup"></use>
</svg>
<div class="name">商品管理线性</div>
<div class="code-name">#icon-menu-setup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-list-angle"></use>
</svg>
<div class="name">订单概况</div>
<div class="code-name">#icon-list-angle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-list-setup"></use>
</svg>
<div class="name">订单管理</div>
<div class="code-name">#icon-list-setup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-more-four-pieces"></use>
</svg>
<div class="name">更多四块</div>
<div class="code-name">#icon-more-four-pieces</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-left-arrow"></use>
</svg>
<div class="name">左侧箭头</div>
<div class="code-name">#icon-left-arrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-historical-records"></use>
</svg>
<div class="name">历史记录</div>
<div class="code-name">#icon-historical-records</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right-arrow"></use>
</svg>
<div class="name">右侧箭头</div>
<div class="code-name">#icon-right-arrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-customer-service"></use>
</svg>
<div class="name">客服</div>
<div class="code-name">#icon-customer-service</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-date"></use>
</svg>
<div class="name">日期</div>
<div class="code-name">#icon-date</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-latitude-location"></use>
</svg>
<div class="name">定位-坐标</div>
<div class="code-name">#icon-latitude-location</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pointed-o"></use>
</svg>
<div class="name">五角星-空心</div>
<div class="code-name">#icon-pointed-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pointed"></use>
</svg>
<div class="name">五角星-实心</div>
<div class="code-name">#icon-pointed</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-the-heart-o"></use>
</svg>
<div class="name">星形-空心</div>
<div class="code-name">#icon-the-heart-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-the-heart"></use>
</svg>
<div class="name">心形-实心</div>
<div class="code-name">#icon-the-heart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lock"></use>
</svg>
<div class="name">解锁</div>
<div class="code-name">#icon-lock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-computer"></use>
</svg>
<div class="name">电脑a</div>
<div class="code-name">#icon-computer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-boniaosuan"></use>
</svg>
<div class="name">玻尿酸</div>
<div class="code-name">#icon-boniaosuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-music"></use>
</svg>
<div class="name">添加音乐</div>
<div class="code-name">#icon-add-music</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-order-price"></use>
</svg>
<div class="name">订单售后</div>
<div class="code-name">#icon-menu-order-price</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-givealike"></use>
</svg>
<div class="name">点赞-实心</div>
<div class="code-name">#icon-givealike</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-comment"></use>
</svg>
<div class="name">评论</div>
<div class="code-name">#icon-comment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-givealike-o-fine"></use>
</svg>
<div class="name">点赞线性-细</div>
<div class="code-name">#icon-givealike-o-fine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-haircut-top"></use>
</svg>
<div class="name">长箭头-上</div>
<div class="code-name">#icon-haircut-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share-o"></use>
</svg>
<div class="name">分享-空心</div>
<div class="code-name">#icon-share-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-message-o"></use>
</svg>
<div class="name">消息-空心</div>
<div class="code-name">#icon-message-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-have"></use>
</svg>
<div class="name">购物车满</div>
<div class="code-name">#icon-cart-have</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-full-screen-round"></use>
</svg>
<div class="name">全屏-圆角</div>
<div class="code-name">#icon-full-screen-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mute"></use>
</svg>
<div class="name">静音</div>
<div class="code-name">#icon-mute</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-images"></use>
</svg>
<div class="name">图片</div>
<div class="code-name">#icon-images</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a"></use>
</svg>
<div class="name">@</div>
<div class="code-name">#icon-a</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-convert-convert"></use>
</svg>
<div class="name">转换-正方形</div>
<div class="code-name">#icon-convert-convert</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-diy-decoration"></use>
</svg>
<div class="name">DIV装修</div>
<div class="code-name">#icon-diy-decoration</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shop-line"></use>
</svg>
<div class="name">多门店</div>
<div class="code-name">#icon-shop-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-setup-list"></use>
</svg>
<div class="name">设置列表</div>
<div class="code-name">#icon-setup-list</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-line"></use>
</svg>
<div class="name">用户-多线</div>
<div class="code-name">#icon-user-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-online-service-wide"></use>
</svg>
<div class="name">在线客服-粗</div>
<div class="code-name">#icon-online-service-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianzu"></use>
</svg>
<div class="name">编组</div>
<div class="code-name">#icon-bianzu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-report"></use>
</svg>
<div class="name">数据报表</div>
<div class="code-name">#icon-report</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tel-gap"></use>
</svg>
<div class="name">电话-间隙</div>
<div class="code-name">#icon-tel-gap</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qrcode-round"></use>
</svg>
<div class="name">二维码-圆角</div>
<div class="code-name">#icon-qrcode-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-solid"></use>
</svg>
<div class="name">购物车-线性</div>
<div class="code-name">#icon-cart-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-online-service"></use>
</svg>
<div class="name">在线客服</div>
<div class="code-name">#icon-online-service</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-point"></use>
</svg>
<div class="name">右侧箭头点</div>
<div class="code-name">#icon-arrow-right-point</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-domain"></use>
</svg>
<div class="name">域名</div>
<div class="code-name">#icon-domain</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-link"></use>
</svg>
<div class="name">链接</div>
<div class="code-name">#icon-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-link-round"></use>
</svg>
<div class="name">链接-圆角</div>
<div class="code-name">#icon-link-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift-fine"></use>
</svg>
<div class="name">送礼-细</div>
<div class="code-name">#icon-gift-fine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ellipsis"></use>
</svg>
<div class="name">省略</div>
<div class="code-name">#icon-ellipsis</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-video"></use>
</svg>
<div class="name">视频播放</div>
<div class="code-name">#icon-video</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-6"></use>
</svg>
<div class="name">布局-6</div>
<div class="code-name">#icon-layout-6</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1-3"></use>
</svg>
<div class="name">布局1-3</div>
<div class="code-name">#icon-layout-1-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1-2"></use>
</svg>
<div class="name">布局1-2</div>
<div class="code-name">#icon-layout-1-2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-2-1"></use>
</svg>
<div class="name">布局2-1</div>
<div class="code-name">#icon-layout-2-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1-1"></use>
</svg>
<div class="name">布局1-1</div>
<div class="code-name">#icon-layout-1-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-4"></use>
</svg>
<div class="name">布局-4</div>
<div class="code-name">#icon-layout-4</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1-2-1"></use>
</svg>
<div class="name">布局-1-2-1</div>
<div class="code-name">#icon-layout-1-2-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1"></use>
</svg>
<div class="name">布局</div>
<div class="code-name">#icon-layout-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-1-1-2"></use>
</svg>
<div class="name">布局-1-1-2</div>
<div class="code-name">#icon-layout-1-1-2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-3"></use>
</svg>
<div class="name">布局-3</div>
<div class="code-name">#icon-layout-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-3-1"></use>
</svg>
<div class="name">布局3-1</div>
<div class="code-name">#icon-layout-3-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-blank"></use>
</svg>
<div class="name">模块-辅助空白</div>
<div class="code-name">#icon-layout-module-blank</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-single-images"></use>
</svg>
<div class="name">模块-单图</div>
<div class="code-name">#icon-layout-module-single-images</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-goods"></use>
</svg>
<div class="name">模块-商品</div>
<div class="code-name">#icon-layout-module-goods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-many-images"></use>
</svg>
<div class="name">模块-多图</div>
<div class="code-name">#icon-layout-module-many-images</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit-two"></use>
</svg>
<div class="name">编辑-下划2线</div>
<div class="code-name">#icon-edit-two</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-title"></use>
</svg>
<div class="name">模块-标题</div>
<div class="code-name">#icon-layout-module-title</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-2-1-1"></use>
</svg>
<div class="name">布局2-1-1</div>
<div class="code-name">#icon-layout-2-1-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-code"></use>
</svg>
<div class="name">模块-自定义代码</div>
<div class="code-name">#icon-layout-module-code</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-remove"></use>
</svg>
<div class="name">移除</div>
<div class="code-name">#icon-remove</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-images-text"></use>
</svg>
<div class="name">模块-图文</div>
<div class="code-name">#icon-layout-module-images-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-replace"></use>
</svg>
<div class="name">替换</div>
<div class="code-name">#icon-replace</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-drag"></use>
</svg>
<div class="name">拖拽</div>
<div class="code-name">#icon-drag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-right-twin"></use>
</svg>
<div class="name">双箭头右</div>
<div class="code-name">#icon-angle-right-twin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-border"></use>
</svg>
<div class="name">模块-辅助线</div>
<div class="code-name">#icon-layout-module-border</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-setup-round"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-setup-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-module-video"></use>
</svg>
<div class="name">模块-视频</div>
<div class="code-name">#icon-layout-module-video</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-layout-magic"></use>
</svg>
<div class="name">模块-魔方</div>
<div class="code-name">#icon-layout-magic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-center"></use>
</svg>
<div class="name">商家中心</div>
<div class="code-name">#icon-menu-center</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-navicon"></use>
</svg>
<div class="name">导航管理</div>
<div class="code-name">#icon-menu-navicon</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-admin"></use>
</svg>
<div class="name">店铺管理</div>
<div class="code-name">#icon-menu-admin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-recommend"></use>
</svg>
<div class="name">首页推荐</div>
<div class="code-name">#icon-menu-recommend</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-design"></use>
</svg>
<div class="name">页面设计</div>
<div class="code-name">#icon-menu-design</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-slider"></use>
</svg>
<div class="name">轮播管理</div>
<div class="code-name">#icon-menu-slider</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-order"></use>
</svg>
<div class="name">订单管理</div>
<div class="code-name">#icon-menu-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-extend"></use>
</svg>
<div class="name">扩展模块</div>
<div class="code-name">#icon-menu-extend</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-goods"></use>
</svg>
<div class="name">商品管理面性</div>
<div class="code-name">#icon-menu-goods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-menu-goodscategory"></use>
</svg>
<div class="name">商品分类</div>
<div class="code-name">#icon-menu-goodscategory</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-domain-confirm"></use>
</svg>
<div class="name">二级域名确认</div>
<div class="code-name">#icon-domain-confirm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home-fine"></use>
</svg>
<div class="name">首页-空心线条</div>
<div class="code-name">#icon-home-fine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel"></use>
</svg>
<div class="name">excel</div>
<div class="code-name">#icon-excel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-import-excel"></use>
</svg>
<div class="name">导入excel</div>
<div class="code-name">#icon-import-excel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-batch-delivery"></use>
</svg>
<div class="name">批量发货</div>
<div class="code-name">#icon-batch-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-label-print"></use>
</svg>
<div class="name">标签打印</div>
<div class="code-name">#icon-label-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waybill-print"></use>
</svg>
<div class="name">运单打印</div>
<div class="code-name">#icon-waybill-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-export-excel"></use>
</svg>
<div class="name">导出excel</div>
<div class="code-name">#icon-export-excel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-data-print"></use>
</svg>
<div class="name">数据打印</div>
<div class="code-name">#icon-data-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-push-shop"></use>
</svg>
<div class="name">推到商城</div>
<div class="code-name">#icon-push-shop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shop-import"></use>
</svg>
<div class="name">商城导入</div>
<div class="code-name">#icon-shop-import</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-account-password"></use>
</svg>
<div class="name">账号密码</div>
<div class="code-name">#icon-account-password</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile-login"></use>
</svg>
<div class="name">手机登录</div>
<div class="code-name">#icon-mobile-login</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-price-bill"></use>
</svg>
<div class="name">资金账单</div>
<div class="code-name">#icon-price-bill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sys-config"></use>
</svg>
<div class="name">系统配置</div>
<div class="code-name">#icon-sys-config</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sales-manage"></use>
</svg>
<div class="name">销售管理</div>
<div class="code-name">#icon-sales-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-purchase-manage"></use>
</svg>
<div class="name">采购管理</div>
<div class="code-name">#icon-purchase-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inventroy-manage"></use>
</svg>
<div class="name">库存管理</div>
<div class="code-name">#icon-inventroy-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shop-order"></use>
</svg>
<div class="name">商城订单</div>
<div class="code-name">#icon-shop-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-base-data"></use>
</svg>
<div class="name">基础数据</div>
<div class="code-name">#icon-base-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-company-manage"></use>
</svg>
<div class="name">客商管理</div>
<div class="code-name">#icon-company-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enlarge"></use>
</svg>
<div class="name">放大</div>
<div class="code-name">#icon-enlarge</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enlarge-border"></use>
</svg>
<div class="name">放大-边线</div>
<div class="code-name">#icon-enlarge-border</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enlarge-four"></use>
</svg>
<div class="name">放大-四角</div>
<div class="code-name">#icon-enlarge-four</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dayin-dayinji"></use>
</svg>
<div class="name">打印-打印机</div>
<div class="code-name">#icon-dayin-dayinji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-describe"></use>
</svg>
<div class="name">简介</div>
<div class="code-name">#icon-describe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sticky"></use>
</svg>
<div class="name">置顶</div>
<div class="code-name">#icon-sticky</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart"></use>
</svg>
<div class="name">购物车</div>
<div class="code-name">#icon-cart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wechart"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-wechart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile"></use>
</svg>
<div class="name">电话</div>
<div class="code-name">#icon-mobile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shop"></use>
</svg>
<div class="name">店铺</div>
<div class="code-name">#icon-shop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chat"></use>
</svg>
<div class="name">客服</div>
<div class="code-name">#icon-chat</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-heart"></use>
</svg>
<div class="name">爱心-实</div>
<div class="code-name">#icon-heart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-right"></use>
</svg>
<div class="name">右侧箭头-轮播</div>
<div class="code-name">#icon-swiper-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-left"></use>
</svg>
<div class="name">左侧箭头-轮播</div>
<div class="code-name">#icon-swiper-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-heart-o"></use>
</svg>
<div class="name">爱心-空</div>
<div class="code-name">#icon-heart-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-circle"></use>
</svg>
<div class="name">眼睛圆</div>
<div class="code-name">#icon-eye-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youhuiquan-shangchengwu"></use>
</svg>
<div class="name">优惠券-商城五</div>
<div class="code-name">#icon-youhuiquan-shangchengwu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopping"></use>
</svg>
<div class="name">购物袋</div>
<div class="code-name">#icon-shopping</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-circle"></use>
</svg>
<div class="name">个人-圆</div>
<div class="code-name">#icon-user-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search-fine"></use>
</svg>
<div class="name">搜索-线</div>
<div class="code-name">#icon-search-fine</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delivery"></use>
</svg>
<div class="name">免费</div>
<div class="code-name">#icon-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-security-lock"></use>
</svg>
<div class="name">安全锁</div>
<div class="code-name">#icon-security-lock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tel"></use>
</svg>
<div class="name">电话</div>
<div class="code-name">#icon-tel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guarantee"></use>
</svg>
<div class="name">保障</div>
<div class="code-name">#icon-guarantee</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone-wide"></use>
</svg>
<div class="name">手机粗</div>
<div class="code-name">#icon-phone-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pc"></use>
</svg>
<div class="name">电脑</div>
<div class="code-name">#icon-pc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-figure"></use>
</svg>
<div class="name">数码商城</div>
<div class="code-name">#icon-figure</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-watch"></use>
</svg>
<div class="name">手表</div>
<div class="code-name">#icon-watch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-headset"></use>
</svg>
<div class="name">耳机</div>
<div class="code-name">#icon-headset</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-camera"></use>
</svg>
<div class="name">相机</div>
<div class="code-name">#icon-camera</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-arrow-top"></use>
</svg>
<div class="name">上侧箭头-上</div>
<div class="code-name">#icon-swiper-arrow-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-arrow-left"></use>
</svg>
<div class="name">左侧箭头长</div>
<div class="code-name">#icon-swiper-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-arrow-right"></use>
</svg>
<div class="name">右侧箭头-长</div>
<div class="code-name">#icon-swiper-arrow-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-swiper-arrow-down"></use>
</svg>
<div class="name">下侧箭头-下</div>
<div class="code-name">#icon-swiper-arrow-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopsite2-overcoat"></use>
</svg>
<div class="name">夹克-商城二新</div>
<div class="code-name">#icon-shopsite2-overcoat</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopsite2-shoe"></use>
</svg>
<div class="name">鞋子-商城二</div>
<div class="code-name">#icon-shopsite2-shoe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopsize2-shirt"></use>
</svg>
<div class="name">衬衫-商城二</div>
<div class="code-name">#icon-shopsize2-shirt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-watch-time"></use>
</svg>
<div class="name">手表-时间</div>
<div class="code-name">#icon-watch-time</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pants"></use>
</svg>
<div class="name">裤子</div>
<div class="code-name">#icon-pants</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-whirl"></use>
</svg>
<div class="name">回旋</div>
<div class="code-name">#icon-whirl</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-building"></use>
</svg>
<div class="name">楼房</div>
<div class="code-name">#icon-building</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-well-known"></use>
</svg>
<div class="name">知名</div>
<div class="code-name">#icon-well-known</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quality"></use>
</svg>
<div class="name">质量</div>
<div class="code-name">#icon-quality</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-globali"></use>
</svg>
<div class="name">先进生产设备</div>
<div class="code-name">#icon-globali</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-setup-two"></use>
</svg>
<div class="name">设置x2</div>
<div class="code-name">#icon-setup-two</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cooperate"></use>
</svg>
<div class="name">合作</div>
<div class="code-name">#icon-cooperate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-worker"></use>
</svg>
<div class="name">工人</div>
<div class="code-name">#icon-worker</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<div class="name">联系电话-官网三</div>
<div class="code-name">#icon-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-long"></use>
</svg>
<div class="name">右侧箭头-长</div>
<div class="code-name">#icon-arrow-right-long</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-light-bulb"></use>
</svg>
<div class="name">灯泡</div>
<div class="code-name">#icon-light-bulb</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-more"></use>
</svg>
<div class="name">更多用户</div>
<div class="code-name">#icon-user-more</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-service-star"></use>
</svg>
<div class="name">星级服务</div>
<div class="code-name">#icon-service-star</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-info-stats"></use>
</svg>
<div class="name">信息统计</div>
<div class="code-name">#icon-info-stats</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-circle-line"></use>
</svg>
<div class="name">右侧箭头-圆框</div>
<div class="code-name">#icon-arrow-right-circle-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-staff"></use>
</svg>
<div class="name">职员</div>
<div class="code-name">#icon-staff</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exit"></use>
</svg>
<div class="name">退出</div>
<div class="code-name">#icon-exit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user"></use>
</svg>
<div class="name">用户</div>
<div class="code-name">#icon-user</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order"></use>
</svg>
<div class="name">订单</div>
<div class="code-name">#icon-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-after-sales"></use>
</svg>
<div class="name">退货</div>
<div class="code-name">#icon-after-sales</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cashier"></use>
</svg>
<div class="name">收银</div>
<div class="code-name">#icon-cashier</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cashier-check"></use>
</svg>
<div class="name">核销</div>
<div class="code-name">#icon-cashier-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scan"></use>
</svg>
<div class="name">扫码</div>
<div class="code-name">#icon-scan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dadaorder"></use>
</svg>
<div class="name">配送</div>
<div class="code-name">#icon-dadaorder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-batch-pay"></use>
</svg>
<div class="name">支付</div>
<div class="code-name">#icon-batch-pay</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wait-receive-delivery"></use>
</svg>
<div class="name">待收货</div>
<div class="code-name">#icon-wait-receive-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wait-comment"></use>
</svg>
<div class="name">待评论</div>
<div class="code-name">#icon-wait-comment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wait-delivery"></use>
</svg>
<div class="name">待发货</div>
<div class="code-name">#icon-wait-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wait-payment"></use>
</svg>
<div class="name">待付款</div>
<div class="code-name">#icon-wait-payment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-refund-aftersales"></use>
</svg>
<div class="name">退款/售后</div>
<div class="code-name">#icon-refund-aftersales</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order-list"></use>
</svg>
<div class="name">订单列表</div>
<div class="code-name">#icon-order-list</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-created-midal"></use>
</svg>
<div class="name">生成账单</div>
<div class="code-name">#icon-created-midal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paypal"></use>
</svg>
<div class="name">充值</div>
<div class="code-name">#icon-paypal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duty"></use>
</svg>
<div class="name">值班</div>
<div class="code-name">#icon-duty</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-salary"></use>
</svg>
<div class="name">薪水</div>
<div class="code-name">#icon-salary</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-batch-settlement"></use>
</svg>
<div class="name">批量结算</div>
<div class="code-name">#icon-batch-settlement</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-system-goods"></use>
</svg>
<div class="name">商品库</div>
<div class="code-name">#icon-system-goods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye-slash"></use>
</svg>
<div class="name">眼睛-不可见</div>
<div class="code-name">#icon-eye-slash</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eye"></use>
</svg>
<div class="name">眼睛-可见</div>
<div class="code-name">#icon-eye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-checkbox-checked"></use>
</svg>
<div class="name">多选-选中</div>
<div class="code-name">#icon-checkbox-checked</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radio-unchecked"></use>
</svg>
<div class="name">单选-未选中</div>
<div class="code-name">#icon-radio-unchecked</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radio-checked"></use>
</svg>
<div class="name">单选-选中</div>
<div class="code-name">#icon-radio-checked</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-checkbox-unchecked"></use>
</svg>
<div class="name">多选-未选中</div>
<div class="code-name">#icon-checkbox-unchecked</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-notice"></use>
</svg>
<div class="name">通知</div>
<div class="code-name">#icon-notice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-enable"></use>
</svg>
<div class="name">启用</div>
<div class="code-name">#icon-enable</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-retract"></use>
</svg>
<div class="name">收起</div>
<div class="code-name">#icon-retract</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-setup"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-setup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logout"></use>
</svg>
<div class="name">退出</div>
<div class="code-name">#icon-logout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-store-user"></use>
</svg>
<div class="name">后台商店用户</div>
<div class="code-name">#icon-admin-store-user</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-store-vip"></use>
</svg>
<div class="name">后台商店VIP</div>
<div class="code-name">#icon-admin-store-vip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close"></use>
</svg>
<div class="name">关闭</div>
<div class="code-name">#icon-close</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-table-user-gender"></use>
</svg>
<div class="name">table-user-gender</div>
<div class="code-name">#icon-table-user-gender</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eyes-closed"></use>
</svg>
<div class="name">眼睛关闭</div>
<div class="code-name">#icon-eyes-closed</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone-answer"></use>
</svg>
<div class="name">电话接听</div>
<div class="code-name">#icon-phone-answer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qrocde-three-sides"></use>
</svg>
<div class="name">二维码-三面</div>
<div class="code-name">#icon-qrocde-three-sides</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-username"></use>
</svg>
<div class="name">用户名</div>
<div class="code-name">#icon-username</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-email"></use>
</svg>
<div class="name">邮箱</div>
<div class="code-name">#icon-email</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-selected"></use>
</svg>
<div class="name">选择</div>
<div class="code-name">#icon-selected</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-not-selected"></use>
</svg>
<div class="name">未选</div>
<div class="code-name">#icon-not-selected</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order-del"></use>
</svg>
<div class="name">订单删除</div>
<div class="code-name">#icon-order-del</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-uninstall"></use>
</svg>
<div class="name">卸载</div>
<div class="code-name">#icon-uninstall</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-upload-file"></use>
</svg>
<div class="name">上传文件</div>
<div class="code-name">#icon-upload-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-log"></use>
</svg>
<div class="name">日志</div>
<div class="code-name">#icon-log</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-download"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-download</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right"></use>
</svg>
<div class="name">箭头-右侧</div>
<div class="code-name">#icon-arrow-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-down-solid"></use>
</svg>
<div class="name">下侧箭头-实心</div>
<div class="code-name">#icon-arrow-down-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-up"></use>
</svg>
<div class="name">上侧箭头</div>
<div class="code-name">#icon-angle-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-right"></use>
</svg>
<div class="name">箭头-右侧</div>
<div class="code-name">#icon-angle-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-left"></use>
</svg>
<div class="name">左侧箭头</div>
<div class="code-name">#icon-angle-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right-solid"></use>
</svg>
<div class="name">右侧箭头-实心</div>
<div class="code-name">#icon-arrow-right-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sort"></use>
</svg>
<div class="name">排序</div>
<div class="code-name">#icon-sort</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shear"></use>
</svg>
<div class="name">剪切</div>
<div class="code-name">#icon-shear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#icon-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map-position"></use>
</svg>
<div class="name">地图定位</div>
<div class="code-name">#icon-map-position</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-down"></use>
</svg>
<div class="name">下侧箭头</div>
<div class="code-name">#icon-arrow-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-back"></use>
</svg>
<div class="name">返回</div>
<div class="code-name">#icon-back</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-theme"></use>
</svg>
<div class="name">主题</div>
<div class="code-name">#icon-theme</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clear-crude"></use>
</svg>
<div class="name">清扫-粗</div>
<div class="code-name">#icon-clear-crude</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete"></use>
</svg>
<div class="name">删除</div>
<div class="code-name">#icon-delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-doc-back"></use>
</svg>
<div class="name">文档返回</div>
<div class="code-name">#icon-doc-back</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-import"></use>
</svg>
<div class="name">进口</div>
<div class="code-name">#icon-import</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-send-linear"></use>
</svg>
<div class="name">发送线性</div>
<div class="code-name">#icon-send-linear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-send-delivery"></use>
</svg>
<div class="name">发货</div>
<div class="code-name">#icon-send-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-print"></use>
</svg>
<div class="name">打印</div>
<div class="code-name">#icon-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">pdf</div>
<div class="code-name">#icon-pdf</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add"></use>
</svg>
<div class="name">添加</div>
<div class="code-name">#icon-add</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-export"></use>
</svg>
<div class="name">出口</div>
<div class="code-name">#icon-export</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-take-delivery"></use>
</svg>
<div class="name">收货</div>
<div class="code-name">#icon-take-delivery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cog"></use>
</svg>
<div class="name">设置</div>
<div class="code-name">#icon-cog</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-refresh"></use>
</svg>
<div class="name">刷新</div>
<div class="code-name">#icon-refresh</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>
<div class="name">打勾</div>
<div class="code-name">#icon-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-btn-del"></use>
</svg>
<div class="name">减少按钮</div>
<div class="code-name">#icon-btn-del</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tips"></use>
</svg>
<div class="name"></div>
<div class="code-name">#icon-tips</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-retract-diagonal"></use>
</svg>
<div class="name">收起-对角</div>
<div class="code-name">#icon-retract-diagonal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete-dustbin"></use>
</svg>
<div class="name">删除-垃圾桶</div>
<div class="code-name">#icon-delete-dustbin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-download-b-line"></use>
</svg>
<div class="name">下载-下划线</div>
<div class="code-name">#icon-download-b-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-type-manage"></use>
</svg>
<div class="name">管理</div>
<div class="code-name">#icon-type-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home-solid"></use>
</svg>
<div class="name">首页面性</div>
<div class="code-name">#icon-home-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-system"></use>
</svg>
<div class="name">管理设置</div>
<div class="code-name">#icon-admin-system</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-tools"></use>
</svg>
<div class="name">工具</div>
<div class="code-name">#icon-admin-tools</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-article"></use>
</svg>
<div class="name">文章</div>
<div class="code-name">#icon-admin-article</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-data"></use>
</svg>
<div class="name">数据</div>
<div class="code-name">#icon-admin-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-phone"></use>
</svg>
<div class="name">管理手机</div>
<div class="code-name">#icon-admin-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-order"></use>
</svg>
<div class="name">管理订单</div>
<div class="code-name">#icon-admin-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-application"></use>
</svg>
<div class="name">应用管理</div>
<div class="code-name">#icon-admin-application</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-web-manage"></use>
</svg>
<div class="name">管理</div>
<div class="code-name">#icon-admin-web-manage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-site-config"></use>
</svg>
<div class="name">配置</div>
<div class="code-name">#icon-admin-site-config</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-auth"></use>
</svg>
<div class="name">授权</div>
<div class="code-name">#icon-admin-auth</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-brand"></use>
</svg>
<div class="name">品牌</div>
<div class="code-name">#icon-admin-brand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-user"></use>
</svg>
<div class="name">用户2</div>
<div class="code-name">#icon-admin-user</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-warehouse"></use>
</svg>
<div class="name">仓库</div>
<div class="code-name">#icon-admin-warehouse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-admin-goods"></use>
</svg>
<div class="name">商品</div>
<div class="code-name">#icon-admin-goods</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logout-round"></use>
</svg>
<div class="name">注销-圆</div>
<div class="code-name">#icon-logout-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-refresh-single"></use>
</svg>
<div class="name">刷新-单个</div>
<div class="code-name">#icon-refresh-single</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-del-file"></use>
</svg>
<div class="name">删除-文件</div>
<div class="code-name">#icon-del-file</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-angle-down"></use>
</svg>
<div class="name">向下箭头</div>
<div class="code-name">#icon-angle-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close-line-dot"></use>
</svg>
<div class="name">关闭-线条点</div>
<div class="code-name">#icon-close-line-dot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-tools"></use>
</svg>
<div class="name">工具</div>
<div class="code-name">#icon-nav-tools</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-language"></use>
</svg>
<div class="name">语言</div>
<div class="code-name">#icon-language</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home"></use>
</svg>
<div class="name">首页</div>
<div class="code-name">#icon-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clear"></use>
</svg>
<div class="name">清扫</div>
<div class="code-name">#icon-clear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dark"></use>
</svg>
<div class="name">暗色</div>
<div class="code-name">#icon-dark</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-full-screen"></use>
</svg>
<div class="name">全屏</div>
<div class="code-name">#icon-full-screen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-light"></use>
</svg>
<div class="name">亮色</div>
<div class="code-name">#icon-light</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter"></use>
</svg>
<div class="name">筛选</div>
<div class="code-name">#icon-filter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stretch"></use>
</svg>
<div class="name">展开</div>
<div class="code-name">#icon-stretch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shrink"></use>
</svg>
<div class="name">收起</div>
<div class="code-name">#icon-shrink</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-upload"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-upload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-download-btn"></use>
</svg>
<div class="name">下载-按钮</div>
<div class="code-name">#icon-download-btn</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-application-install"></use>
</svg>
<div class="name">安装</div>
<div class="code-name">#icon-application-install</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home-line"></use>
</svg>
<div class="name">首页线性</div>
<div class="code-name">#icon-home-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-application-update"></use>
</svg>
<div class="name">更新</div>
<div class="code-name">#icon-application-update</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-application-set"></use>
</svg>
<div class="name">application-set</div>
<div class="code-name">#icon-application-set</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-home-active"></use>
</svg>
<div class="name">手机底部导航-首页选中</div>
<div class="code-name">#icon-web-mobile-bottom-nav-home-active</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-category-active"></use>
</svg>
<div class="name">手机底部导航-分类选中</div>
<div class="code-name">#icon-web-mobile-bottom-nav-category-active</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-user-active"></use>
</svg>
<div class="name">手机底部导航-用户选中</div>
<div class="code-name">#icon-web-mobile-bottom-nav-user-active</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-cart-active"></use>
</svg>
<div class="name">手机底部导航-购物车选中</div>
<div class="code-name">#icon-web-mobile-bottom-nav-cart-active</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-user"></use>
</svg>
<div class="name">手机底部导航-用户</div>
<div class="code-name">#icon-web-mobile-bottom-nav-user</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-cart"></use>
</svg>
<div class="name">手机底部导航-购物车</div>
<div class="code-name">#icon-web-mobile-bottom-nav-cart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-home"></use>
</svg>
<div class="name">手机底部导航-首页</div>
<div class="code-name">#icon-web-mobile-bottom-nav-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-web-mobile-bottom-nav-category"></use>
</svg>
<div class="name">手机底部导航-分类</div>
<div class="code-name">#icon-web-mobile-bottom-nav-category</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-email-wide"></use>
</svg>
<div class="name">邮箱-粗</div>
<div class="code-name">#icon-email-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-address-round"></use>
</svg>
<div class="name">网站地址-圆</div>
<div class="code-name">#icon-address-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tel-sound"></use>
</svg>
<div class="name">电话-响</div>
<div class="code-name">#icon-tel-sound</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-login-right-pc"></use>
</svg>
<div class="name">扫码登录端切换-pc</div>
<div class="code-name">#icon-login-right-pc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-login-right-scan"></use>
</svg>
<div class="name">扫码登录端切换-手机</div>
<div class="code-name">#icon-login-right-scan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chongzhi-zffs"></use>
</svg>
<div class="name">卡片</div>
<div class="code-name">#icon-chongzhi-zffs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chongzhi-czje"></use>
</svg>
<div class="name">钱币</div>
<div class="code-name">#icon-chongzhi-czje</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-selected-solid"></use>
</svg>
<div class="name">选择-实心</div>
<div class="code-name">#icon-selected-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keyboard-backspace"></use>
</svg>
<div class="name">关闭-键盘退格</div>
<div class="code-name">#icon-keyboard-backspace</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-transfer"></use>
</svg>
<div class="name">钱包转账/转换</div>
<div class="code-name">#icon-transfer</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scan-mini"></use>
</svg>
<div class="name">扫码-小</div>
<div class="code-name">#icon-scan-mini</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-more-phone"></use>
</svg>
<div class="name">更多2</div>
<div class="code-name">#icon-more-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quantity"></use>
</svg>
<div class="name">数量</div>
<div class="code-name">#icon-quantity</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exchange-nav-top"></use>
</svg>
<div class="name">交换</div>
<div class="code-name">#icon-exchange-nav-top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-center-left-logout"></use>
</svg>
<div class="name">注销</div>
<div class="code-name">#icon-user-center-left-logout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopping-cart-tall"></use>
</svg>
<div class="name">购物车-高</div>
<div class="code-name">#icon-shopping-cart-tall</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clothing"></use>
</svg>
<div class="name">服饰</div>
<div class="code-name">#icon-clothing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-car"></use>
</svg>
<div class="name">汽车</div>
<div class="code-name">#icon-car</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jewelry"></use>
</svg>
<div class="name">珠宝</div>
<div class="code-name">#icon-jewelry</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-confirm"></use>
</svg>
<div class="name">确认</div>
<div class="code-name">#icon-confirm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calendar"></use>
</svg>
<div class="name">日历</div>
<div class="code-name">#icon-calendar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right-arrow-dashed-line"></use>
</svg>
<div class="name">右侧箭头-虚线</div>
<div class="code-name">#icon-right-arrow-dashed-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-withdrawal"></use>
</svg>
<div class="name">提现</div>
<div class="code-name">#icon-withdrawal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-location-pedestal"></use>
</svg>
<div class="name">定位-底座</div>
<div class="code-name">#icon-location-pedestal</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wallet-recharge"></use>
</svg>
<div class="name">钱包充值</div>
<div class="code-name">#icon-wallet-recharge</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift-round"></use>
</svg>
<div class="name">赠送-圆</div>
<div class="code-name">#icon-gift-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wallet"></use>
</svg>
<div class="name">钱包</div>
<div class="code-name">#icon-wallet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-data-management"></use>
</svg>
<div class="name">资料管理</div>
<div class="code-name">#icon-data-management</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter-narrow"></use>
</svg>
<div class="name">筛选-窄</div>
<div class="code-name">#icon-filter-narrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-freeze"></use>
</svg>
<div class="name">冻结</div>
<div class="code-name">#icon-freeze</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-center-left-business"></use>
</svg>
<div class="name">业务管理</div>
<div class="code-name">#icon-user-center-left-business</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-setup-double-line"></use>
</svg>
<div class="name">设置-双线</div>
<div class="code-name">#icon-setup-double-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-points"></use>
</svg>
<div class="name">积分</div>
<div class="code-name">#icon-points</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cash"></use>
</svg>
<div class="name">提现</div>
<div class="code-name">#icon-cash</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-center-left-home"></use>
</svg>
<div class="name">个人中心</div>
<div class="code-name">#icon-user-center-left-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-center-left-property"></use>
</svg>
<div class="name">财产中心</div>
<div class="code-name">#icon-user-center-left-property</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qrcode"></use>
</svg>
<div class="name">二维码</div>
<div class="code-name">#icon-qrcode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-membership-linear"></use>
</svg>
<div class="name">会员线性</div>
<div class="code-name">#icon-membership-linear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-right-arrow-btn"></use>
</svg>
<div class="name">右侧箭头-按钮</div>
<div class="code-name">#icon-right-arrow-btn</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-notbegun_zb"></use>
</svg>
<div class="name">未开始</div>
<div class="code-name">#icon-a-notbegun_zb</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-setup"></use>
</svg>
<div class="name">用户设置</div>
<div class="code-name">#icon-user-setup</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-list-dot-wide"></use>
</svg>
<div class="name">列表-点-粗</div>
<div class="code-name">#icon-list-dot-wide</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ask"></use>
</svg>
<div class="name">问答</div>
<div class="code-name">#icon-ask</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-new"></use>
</svg>
<div class="name">新闻</div>
<div class="code-name">#icon-new</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-recommend"></use>
</svg>
<div class="name">推荐</div>
<div class="code-name">#icon-recommend</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-selected-dot"></use>
</svg>
<div class="name">选择-点</div>
<div class="code-name">#icon-selected-dot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-team"></use>
</svg>
<div class="name">团队</div>
<div class="code-name">#icon-team</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-points-terse"></use>
</svg>
<div class="name">积分-简洁</div>
<div class="code-name">#icon-points-terse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-star-stiff"></use>
</svg>
<div class="name">收藏直角</div>
<div class="code-name">#icon-star-stiff</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-more3"></use>
</svg>
<div class="name">更多3</div>
<div class="code-name">#icon-more3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-language-round"></use>
</svg>
<div class="name">语言-圆</div>
<div class="code-name">#icon-language-round</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopping-bag"></use>
</svg>
<div class="name">购物袋</div>
<div class="code-name">#icon-shopping-bag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-message-stout"></use>
</svg>
<div class="name">消息-粗</div>
<div class="code-name">#icon-message-stout</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-givealike-solid"></use>
</svg>
<div class="name">点赞-实心</div>
<div class="code-name">#icon-givealike-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share-solid"></use>
</svg>
<div class="name">分享-实心</div>
<div class="code-name">#icon-share-solid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reply"></use>
</svg>
<div class="name">回复</div>
<div class="code-name">#icon-reply</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-publish"></use>
</svg>
<div class="name">发送</div>
<div class="code-name">#icon-publish</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hot"></use>
</svg>
<div class="name">热门-火</div>
<div class="code-name">#icon-hot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-o"></use>
</svg>
<div class="name">用户-空心</div>
<div class="code-name">#icon-user-o</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-index"></use>
</svg>
<div class="name">首页</div>
<div class="code-name">#icon-index</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collect"></use>
</svg>
<div class="name">收藏-爱心</div>
<div class="code-name">#icon-collect</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-table-list"></use>
</svg>
<div class="name">列表模式</div>
<div class="code-name">#icon-table-list</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-table-grid"></use>
</svg>
<div class="name">图片列表切换</div>
<div class="code-name">#icon-table-grid</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-subscript"></use>
</svg>
<div class="name">选中角标</div>
<div class="code-name">#icon-subscript</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tabulation"></use>
</svg>
<div class="name">列表</div>
<div class="code-name">#icon-tabulation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-activate-service"></use>
</svg>
<div class="name">开通服务</div>
<div class="code-name">#icon-activate-service</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift"></use>
</svg>
<div class="name">礼物</div>
<div class="code-name">#icon-gift</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share"></use>
</svg>
<div class="name">分享</div>
<div class="code-name">#icon-share</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home-page"></use>
</svg>
<div class="name">首页</div>
<div class="code-name">#icon-home-page</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-store"></use>
</svg>
<div class="name">门店</div>
<div class="code-name">#icon-store</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-address"></use>
</svg>
<div class="name">地址</div>
<div class="code-name">#icon-address</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-message"></use>
</svg>
<div class="name">消息</div>
<div class="code-name">#icon-message</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-time"></use>
</svg>
<div class="name">时间</div>
<div class="code-name">#icon-time</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shopping-cart"></use>
</svg>
<div class="name">购物车</div>
<div class="code-name">#icon-shopping-cart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-flash-killing"></use>
</svg>
<div class="name">秒杀</div>
<div class="code-name">#icon-flash-killing</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">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</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>