Skip to content

M
marketing
Commit 12a20f1b by crushh
Options

update: dist

parent 7b09a097
Showing with 7446 additions and 374 deletions
index.html
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.BASE_URL %>static/css/common.css"> <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.BASE_URL %>static/css/common.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_688955_2dxzdzrb3a7.css"> <!--GIC后台3.0--> <link rel="stylesheet" href="//at.alicdn.com/t/font_688955_2dxzdzrb3a7.css"> <!--GIC后台3.0-->
<script src="//at.alicdn.com/t/font_688955_2dxzdzrb3a7.js"></script> <!--GIC后台3.0--> <script src="//at.alicdn.com/t/font_688955_2dxzdzrb3a7.js"></script> <!--GIC后台3.0-->
<link rel="stylesheet" href="//at.alicdn.com/t/font_3229694_f4zx0uhc8y.css"> <!--GIC3.0营销--> <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3229694_yzk6z4765g.css"> <!--GIC3.0营销-->
<script src="//at.alicdn.com/t/font_3229694_f4zx0uhc8y.js"></script> <!--GIC3.0营销--> <script src="//at.alicdn.com/t/c/font_3229694_yzk6z4765g.js"></script> <!--GIC3.0营销-->
<link src="//at.alicdn.com/t/font_2859043_udehp133w1.css"><!--3.0组件库--> <link src="//at.alicdn.com/t/font_2859043_udehp133w1.css"><!--3.0组件库-->
<script src="//at.alicdn.com/t/font_2859043_udehp133w1.js"></script><!--3.0组件库--> <script src="//at.alicdn.com/t/font_2859043_udehp133w1.js"></script><!--3.0组件库-->
<link rel="stylesheet" href="//at.alicdn.com/t/font_2996579_dv9vctk5vdt.css"> <!-- 3.0企业 --> <link rel="stylesheet" href="//at.alicdn.com/t/font_2996579_dv9vctk5vdt.css"> <!-- 3.0企业 -->
......
src/assets/iconfont/3.0组件库/demo_index.html 0 → 100644
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2859043" 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-components3">&#xe646;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe646;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe62a;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe62a;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe615;</span>
<div class="name">向下</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec6c;</span>
<div class="name">输入密码-暗码</div>
<div class="code-name">&amp;#xec6c;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec6d;</span>
<div class="name">输入密码-明码</div>
<div class="code-name">&amp;#xec6d;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec9c;</span>
<div class="name">no-permission</div>
<div class="code-name">&amp;#xec9c;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec9a;</span>
<div class="name">拖拽排序</div>
<div class="code-name">&amp;#xec9a;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec97;</span>
<div class="name">more</div>
<div class="code-name">&amp;#xec97;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe9e9;</span>
<div class="name">下箭头</div>
<div class="code-name">&amp;#xe9e9;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xea62;</span>
<div class="name">上箭头</div>
<div class="code-name">&amp;#xea62;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec6e;</span>
<div class="name">暂无话术</div>
<div class="code-name">&amp;#xec6e;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe61a;</span>
<div class="name">reload-outlined</div>
<div class="code-name">&amp;#xe61a;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec64;</span>
<div class="name">no-data</div>
<div class="code-name">&amp;#xec64;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec56;</span>
<div class="name">配置为空</div>
<div class="code-name">&amp;#xec56;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe675;</span>
<div class="name">Excle未上传</div>
<div class="code-name">&amp;#xe675;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe614;</span>
<div class="name">excel</div>
<div class="code-name">&amp;#xe614;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec54;</span>
<div class="name">系统</div>
<div class="code-name">&amp;#xec54;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe658;</span>
<div class="name">CaretLeftOutlined</div>
<div class="code-name">&amp;#xe658;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe991;</span>
<div class="name">CaretRightOutlined</div>
<div class="code-name">&amp;#xe991;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec3a;</span>
<div class="name">服务</div>
<div class="code-name">&amp;#xec3a;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec39;</span>
<div class="name">配置</div>
<div class="code-name">&amp;#xec39;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec38;</span>
<div class="name">商城</div>
<div class="code-name">&amp;#xec38;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec37;</span>
<div class="name">数据</div>
<div class="code-name">&amp;#xec37;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec36;</span>
<div class="name">积分</div>
<div class="code-name">&amp;#xec36;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec32;</span>
<div class="name">商品</div>
<div class="code-name">&amp;#xec32;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec31;</span>
<div class="name">企业</div>
<div class="code-name">&amp;#xec31;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec30;</span>
<div class="name">营销</div>
<div class="code-name">&amp;#xec30;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec2b;</span>
<div class="name">客户</div>
<div class="code-name">&amp;#xec2b;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe655;</span>
<div class="name">CaretUpOutlined</div>
<div class="code-name">&amp;#xe655;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe654;</span>
<div class="name">CaretDownOutlined</div>
<div class="code-name">&amp;#xe654;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xec23;</span>
<div class="name">首页</div>
<div class="code-name">&amp;#xec23;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe672;</span>
<div class="name">SwapOutlined</div>
<div class="code-name">&amp;#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe673;</span>
<div class="name">BellOutlined</div>
<div class="code-name">&amp;#xe673;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe65c;</span>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">&amp;#xe65c;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebd0;</span>
<div class="name">error_403</div>
<div class="code-name">&amp;#xebd0;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebcf;</span>
<div class="name">限流</div>
<div class="code-name">&amp;#xebcf;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe652;</span>
<div class="name">zoom-in-outlined</div>
<div class="code-name">&amp;#xe652;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe612;</span>
<div class="name">DeleteOutlined</div>
<div class="code-name">&amp;#xe612;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe623;</span>
<div class="name">edit-outlined</div>
<div class="code-name">&amp;#xe623;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe61d;</span>
<div class="name">PlusOutlined</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe666;</span>
<div class="name">PlusCircleOutlined</div>
<div class="code-name">&amp;#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe844;</span>
<div class="name">check-circle-fill</div>
<div class="code-name">&amp;#xe844;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe845;</span>
<div class="name">close-circle-fill</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe848;</span>
<div class="name">warning-circle-fill</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe62e;</span>
<div class="name">setting</div>
<div class="code-name">&amp;#xe62e;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe7b9;</span>
<div class="name">file-text</div>
<div class="code-name">&amp;#xe7b9;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe999;</span>
<div class="name">time-circle</div>
<div class="code-name">&amp;#xe999;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe7d3;</span>
<div class="name">calendar</div>
<div class="code-name">&amp;#xe7d3;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe992;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe992;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe8e4;</span>
<div class="name">star</div>
<div class="code-name">&amp;#xe8e4;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe77d;</span>
<div class="name">close-circle</div>
<div class="code-name">&amp;#xe77d;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xeb1e;</span>
<div class="name">上箭头</div>
<div class="code-name">&amp;#xeb1e;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xeb83;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xeb83;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe62d;</span>
<div class="name">上传</div>
<div class="code-name">&amp;#xe62d;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe993;</span>
<div class="name">search</div>
<div class="code-name">&amp;#xe993;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xe7fc;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe7fc;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xeb1b;</span>
<div class="name">左箭头</div>
<div class="code-name">&amp;#xeb1b;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xeb1c;</span>
<div class="name">下箭头</div>
<div class="code-name">&amp;#xeb1c;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xeb1d;</span>
<div class="name">右箭头</div>
<div class="code-name">&amp;#xeb1d;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebce;</span>
<div class="name">error_404</div>
<div class="code-name">&amp;#xebce;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebcd;</span>
<div class="name">error_500</div>
<div class="code-name">&amp;#xebcd;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebcc;</span>
<div class="name">user-default</div>
<div class="code-name">&amp;#xebcc;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebcb;</span>
<div class="name">pic-error</div>
<div class="code-name">&amp;#xebcb;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebc9;</span>
<div class="name">no-access</div>
<div class="code-name">&amp;#xebc9;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebc8;</span>
<div class="name">loading-error</div>
<div class="code-name">&amp;#xebc8;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebc7;</span>
<div class="name">goods-default</div>
<div class="code-name">&amp;#xebc7;</div>
</li>
<li class="dib">
<span class="icon iconfont-components3">&#xebc6;</span>
<div class="name">gift-default</div>
<div class="code-name">&amp;#xebc6;</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-components3';
src: url('iconfont.woff2?t=1659408855687') format('woff2'),
url('iconfont.woff?t=1659408855687') format('woff'),
url('iconfont.ttf?t=1659408855687') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont-components3 {
font-family: "iconfont-components3" !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-components3"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont-components3" 是你项目下的 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-components3 icon-cp-check1"></span>
<div class="name">
check
</div>
<div class="code-name">.icon-cp-check1
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-close1"></span>
<div class="name">
close
</div>
<div class="code-name">.icon-cp-close1
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-toBottom-fill"></span>
<div class="name">
向下
</div>
<div class="code-name">.icon-cp-toBottom-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shurumima-anma"></span>
<div class="name">
输入密码-暗码
</div>
<div class="code-name">.icon-cp-shurumima-anma
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shurumima-mingma"></span>
<div class="name">
输入密码-明码
</div>
<div class="code-name">.icon-cp-shurumima-mingma
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-no-permission"></span>
<div class="name">
no-permission
</div>
<div class="code-name">.icon-cp-no-permission
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-tuozhuaipaixu"></span>
<div class="name">
拖拽排序
</div>
<div class="code-name">.icon-cp-tuozhuaipaixu
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-more"></span>
<div class="name">
more
</div>
<div class="code-name">.icon-cp-more
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-xiajiantou"></span>
<div class="name">
下箭头
</div>
<div class="code-name">.icon-cp-xiajiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shangjiantou"></span>
<div class="name">
上箭头
</div>
<div class="code-name">.icon-cp-shangjiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-zanwuhuashu"></span>
<div class="name">
暂无话术
</div>
<div class="code-name">.icon-cp-zanwuhuashu
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-reload-outlined"></span>
<div class="name">
reload-outlined
</div>
<div class="code-name">.icon-cp-reload-outlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-no-data"></span>
<div class="name">
no-data
</div>
<div class="code-name">.icon-cp-no-data
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-peizhiweikong"></span>
<div class="name">
配置为空
</div>
<div class="code-name">.icon-cp-peizhiweikong
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-Excleweishangchuan"></span>
<div class="name">
Excle未上传
</div>
<div class="code-name">.icon-cp-Excleweishangchuan
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-excel"></span>
<div class="name">
excel
</div>
<div class="code-name">.icon-cp-excel
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-xitong"></span>
<div class="name">
系统
</div>
<div class="code-name">.icon-cp-xitong
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-CaretLeftOutlined"></span>
<div class="name">
CaretLeftOutlined
</div>
<div class="code-name">.icon-cp-CaretLeftOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-CaretRightOutlined"></span>
<div class="name">
CaretRightOutlined
</div>
<div class="code-name">.icon-cp-CaretRightOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-fuwu"></span>
<div class="name">
服务
</div>
<div class="code-name">.icon-cp-fuwu
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-peizhi"></span>
<div class="name">
配置
</div>
<div class="code-name">.icon-cp-peizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shangcheng"></span>
<div class="name">
商城
</div>
<div class="code-name">.icon-cp-shangcheng
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shuju"></span>
<div class="name">
数据
</div>
<div class="code-name">.icon-cp-shuju
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-jifen"></span>
<div class="name">
积分
</div>
<div class="code-name">.icon-cp-jifen
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shangpin"></span>
<div class="name">
商品
</div>
<div class="code-name">.icon-cp-shangpin
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-qiye"></span>
<div class="name">
企业
</div>
<div class="code-name">.icon-cp-qiye
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-yingxiao"></span>
<div class="name">
营销
</div>
<div class="code-name">.icon-cp-yingxiao
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-kehu"></span>
<div class="name">
客户
</div>
<div class="code-name">.icon-cp-kehu
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-CaretUpOutlined"></span>
<div class="name">
CaretUpOutlined
</div>
<div class="code-name">.icon-cp-CaretUpOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-CaretDownOutlined"></span>
<div class="name">
CaretDownOutlined
</div>
<div class="code-name">.icon-cp-CaretDownOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shouye"></span>
<div class="name">
首页
</div>
<div class="code-name">.icon-cp-shouye
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-SwapOutlined"></span>
<div class="name">
SwapOutlined
</div>
<div class="code-name">.icon-cp-SwapOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-BellOutlined"></span>
<div class="name">
BellOutlined
</div>
<div class="code-name">.icon-cp-BellOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-QuestionCircleOutlined"></span>
<div class="name">
QuestionCircleOutlined
</div>
<div class="code-name">.icon-cp-QuestionCircleOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-error_403"></span>
<div class="name">
error_403
</div>
<div class="code-name">.icon-cp-error_403
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-xianliu"></span>
<div class="name">
限流
</div>
<div class="code-name">.icon-cp-xianliu
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-zoom-in-outlined"></span>
<div class="name">
zoom-in-outlined
</div>
<div class="code-name">.icon-cp-zoom-in-outlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-DeleteOutlined"></span>
<div class="name">
DeleteOutlined
</div>
<div class="code-name">.icon-cp-DeleteOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-edit-outlined"></span>
<div class="name">
edit-outlined
</div>
<div class="code-name">.icon-cp-edit-outlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-PlusOutlined"></span>
<div class="name">
PlusOutlined
</div>
<div class="code-name">.icon-cp-PlusOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-PlusCircleOutlined"></span>
<div class="name">
PlusCircleOutlined
</div>
<div class="code-name">.icon-cp-PlusCircleOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-check-circle-fill"></span>
<div class="name">
check-circle-fill
</div>
<div class="code-name">.icon-cp-check-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-close-circle-fill"></span>
<div class="name">
close-circle-fill
</div>
<div class="code-name">.icon-cp-close-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-warning-circle-fill"></span>
<div class="name">
warning-circle-fill
</div>
<div class="code-name">.icon-cp-warning-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-setting"></span>
<div class="name">
setting
</div>
<div class="code-name">.icon-cp-setting
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-file-text"></span>
<div class="name">
file-text
</div>
<div class="code-name">.icon-cp-file-text
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-time-circle"></span>
<div class="name">
time-circle
</div>
<div class="code-name">.icon-cp-time-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-calendar"></span>
<div class="name">
calendar
</div>
<div class="code-name">.icon-cp-calendar
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-close"></span>
<div class="name">
close
</div>
<div class="code-name">.icon-cp-close
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-star"></span>
<div class="name">
star
</div>
<div class="code-name">.icon-cp-star
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-close-circle"></span>
<div class="name">
close-circle
</div>
<div class="code-name">.icon-cp-close-circle
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-up"></span>
<div class="name">
上箭头
</div>
<div class="code-name">.icon-cp-up
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-cp-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-shangc"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-cp-shangc
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-search"></span>
<div class="name">
search
</div>
<div class="code-name">.icon-cp-search
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-check"></span>
<div class="name">
check
</div>
<div class="code-name">.icon-cp-check
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-left"></span>
<div class="name">
左箭头
</div>
<div class="code-name">.icon-cp-left
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-down"></span>
<div class="name">
下箭头
</div>
<div class="code-name">.icon-cp-down
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-right"></span>
<div class="name">
右箭头
</div>
<div class="code-name">.icon-cp-right
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-error_404"></span>
<div class="name">
error_404
</div>
<div class="code-name">.icon-cp-error_404
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-error_500"></span>
<div class="name">
error_500
</div>
<div class="code-name">.icon-cp-error_500
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-user-default"></span>
<div class="name">
user-default
</div>
<div class="code-name">.icon-cp-user-default
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-pic-error"></span>
<div class="name">
pic-error
</div>
<div class="code-name">.icon-cp-pic-error
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-no-access"></span>
<div class="name">
no-access
</div>
<div class="code-name">.icon-cp-no-access
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-loading-error"></span>
<div class="name">
loading-error
</div>
<div class="code-name">.icon-cp-loading-error
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-goods-default"></span>
<div class="name">
goods-default
</div>
<div class="code-name">.icon-cp-goods-default
</div>
</li>
<li class="dib">
<span class="icon iconfont-components3 icon-cp-gift-default"></span>
<div class="name">
gift-default
</div>
<div class="code-name">.icon-cp-gift-default
</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-components3 icon-cp-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont-components3" 是你项目下的 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-cp-check1"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#icon-cp-check1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-close1"></use>
</svg>
<div class="name">close</div>
<div class="code-name">#icon-cp-close1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-toBottom-fill"></use>
</svg>
<div class="name">向下</div>
<div class="code-name">#icon-cp-toBottom-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shurumima-anma"></use>
</svg>
<div class="name">输入密码-暗码</div>
<div class="code-name">#icon-cp-shurumima-anma</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shurumima-mingma"></use>
</svg>
<div class="name">输入密码-明码</div>
<div class="code-name">#icon-cp-shurumima-mingma</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-no-permission"></use>
</svg>
<div class="name">no-permission</div>
<div class="code-name">#icon-cp-no-permission</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-tuozhuaipaixu"></use>
</svg>
<div class="name">拖拽排序</div>
<div class="code-name">#icon-cp-tuozhuaipaixu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-more"></use>
</svg>
<div class="name">more</div>
<div class="code-name">#icon-cp-more</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-xiajiantou"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#icon-cp-xiajiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shangjiantou"></use>
</svg>
<div class="name">上箭头</div>
<div class="code-name">#icon-cp-shangjiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-zanwuhuashu"></use>
</svg>
<div class="name">暂无话术</div>
<div class="code-name">#icon-cp-zanwuhuashu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-reload-outlined"></use>
</svg>
<div class="name">reload-outlined</div>
<div class="code-name">#icon-cp-reload-outlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-no-data"></use>
</svg>
<div class="name">no-data</div>
<div class="code-name">#icon-cp-no-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-peizhiweikong"></use>
</svg>
<div class="name">配置为空</div>
<div class="code-name">#icon-cp-peizhiweikong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-Excleweishangchuan"></use>
</svg>
<div class="name">Excle未上传</div>
<div class="code-name">#icon-cp-Excleweishangchuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-excel"></use>
</svg>
<div class="name">excel</div>
<div class="code-name">#icon-cp-excel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-xitong"></use>
</svg>
<div class="name">系统</div>
<div class="code-name">#icon-cp-xitong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-CaretLeftOutlined"></use>
</svg>
<div class="name">CaretLeftOutlined</div>
<div class="code-name">#icon-cp-CaretLeftOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-CaretRightOutlined"></use>
</svg>
<div class="name">CaretRightOutlined</div>
<div class="code-name">#icon-cp-CaretRightOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-fuwu"></use>
</svg>
<div class="name">服务</div>
<div class="code-name">#icon-cp-fuwu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-peizhi"></use>
</svg>
<div class="name">配置</div>
<div class="code-name">#icon-cp-peizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shangcheng"></use>
</svg>
<div class="name">商城</div>
<div class="code-name">#icon-cp-shangcheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shuju"></use>
</svg>
<div class="name">数据</div>
<div class="code-name">#icon-cp-shuju</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-jifen"></use>
</svg>
<div class="name">积分</div>
<div class="code-name">#icon-cp-jifen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shangpin"></use>
</svg>
<div class="name">商品</div>
<div class="code-name">#icon-cp-shangpin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-qiye"></use>
</svg>
<div class="name">企业</div>
<div class="code-name">#icon-cp-qiye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-yingxiao"></use>
</svg>
<div class="name">营销</div>
<div class="code-name">#icon-cp-yingxiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-kehu"></use>
</svg>
<div class="name">客户</div>
<div class="code-name">#icon-cp-kehu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-CaretUpOutlined"></use>
</svg>
<div class="name">CaretUpOutlined</div>
<div class="code-name">#icon-cp-CaretUpOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-CaretDownOutlined"></use>
</svg>
<div class="name">CaretDownOutlined</div>
<div class="code-name">#icon-cp-CaretDownOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shouye"></use>
</svg>
<div class="name">首页</div>
<div class="code-name">#icon-cp-shouye</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-SwapOutlined"></use>
</svg>
<div class="name">SwapOutlined</div>
<div class="code-name">#icon-cp-SwapOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-BellOutlined"></use>
</svg>
<div class="name">BellOutlined</div>
<div class="code-name">#icon-cp-BellOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-QuestionCircleOutlined"></use>
</svg>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">#icon-cp-QuestionCircleOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-error_403"></use>
</svg>
<div class="name">error_403</div>
<div class="code-name">#icon-cp-error_403</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-xianliu"></use>
</svg>
<div class="name">限流</div>
<div class="code-name">#icon-cp-xianliu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-zoom-in-outlined"></use>
</svg>
<div class="name">zoom-in-outlined</div>
<div class="code-name">#icon-cp-zoom-in-outlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-DeleteOutlined"></use>
</svg>
<div class="name">DeleteOutlined</div>
<div class="code-name">#icon-cp-DeleteOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-edit-outlined"></use>
</svg>
<div class="name">edit-outlined</div>
<div class="code-name">#icon-cp-edit-outlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-PlusOutlined"></use>
</svg>
<div class="name">PlusOutlined</div>
<div class="code-name">#icon-cp-PlusOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-PlusCircleOutlined"></use>
</svg>
<div class="name">PlusCircleOutlined</div>
<div class="code-name">#icon-cp-PlusCircleOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-check-circle-fill"></use>
</svg>
<div class="name">check-circle-fill</div>
<div class="code-name">#icon-cp-check-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-close-circle-fill"></use>
</svg>
<div class="name">close-circle-fill</div>
<div class="code-name">#icon-cp-close-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-warning-circle-fill"></use>
</svg>
<div class="name">warning-circle-fill</div>
<div class="code-name">#icon-cp-warning-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-setting"></use>
</svg>
<div class="name">setting</div>
<div class="code-name">#icon-cp-setting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-file-text"></use>
</svg>
<div class="name">file-text</div>
<div class="code-name">#icon-cp-file-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-time-circle"></use>
</svg>
<div class="name">time-circle</div>
<div class="code-name">#icon-cp-time-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-calendar"></use>
</svg>
<div class="name">calendar</div>
<div class="code-name">#icon-cp-calendar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-close"></use>
</svg>
<div class="name">close</div>
<div class="code-name">#icon-cp-close</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-star"></use>
</svg>
<div class="name">star</div>
<div class="code-name">#icon-cp-star</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-close-circle"></use>
</svg>
<div class="name">close-circle</div>
<div class="code-name">#icon-cp-close-circle</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-up"></use>
</svg>
<div class="name">上箭头</div>
<div class="code-name">#icon-cp-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-cp-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-shangc"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-cp-shangc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-search"></use>
</svg>
<div class="name">search</div>
<div class="code-name">#icon-cp-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-check"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#icon-cp-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-left"></use>
</svg>
<div class="name">左箭头</div>
<div class="code-name">#icon-cp-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-down"></use>
</svg>
<div class="name">下箭头</div>
<div class="code-name">#icon-cp-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-right"></use>
</svg>
<div class="name">右箭头</div>
<div class="code-name">#icon-cp-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-error_404"></use>
</svg>
<div class="name">error_404</div>
<div class="code-name">#icon-cp-error_404</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-error_500"></use>
</svg>
<div class="name">error_500</div>
<div class="code-name">#icon-cp-error_500</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-user-default"></use>
</svg>
<div class="name">user-default</div>
<div class="code-name">#icon-cp-user-default</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-pic-error"></use>
</svg>
<div class="name">pic-error</div>
<div class="code-name">#icon-cp-pic-error</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-no-access"></use>
</svg>
<div class="name">no-access</div>
<div class="code-name">#icon-cp-no-access</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-loading-error"></use>
</svg>
<div class="name">loading-error</div>
<div class="code-name">#icon-cp-loading-error</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-goods-default"></use>
</svg>
<div class="name">goods-default</div>
<div class="code-name">#icon-cp-goods-default</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cp-gift-default"></use>
</svg>
<div class="name">gift-default</div>
<div class="code-name">#icon-cp-gift-default</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>
src/assets/iconfont/3.0组件库/iconfont.css 0 → 100644
@font-face {
@font-face {
font-family: "iconfont-components3"; /* Project id 2859043 */
src: url('iconfont.woff2?t=1659408855687') format('woff2'),
url('iconfont.woff?t=1659408855687') format('woff'),
url('iconfont.ttf?t=1659408855687') format('truetype');
}
.iconfont-components3 {
font-family: "iconfont-components3" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-cp-check1:before {
content: "\e646";
}
.icon-cp-close1:before {
content: "\e62a";
}
.icon-cp-toBottom-fill:before {
content: "\e615";
}
.icon-cp-shurumima-anma:before {
content: "\ec6c";
}
.icon-cp-shurumima-mingma:before {
content: "\ec6d";
}
.icon-cp-no-permission:before {
content: "\ec9c";
}
.icon-cp-tuozhuaipaixu:before {
content: "\ec9a";
}
.icon-cp-more:before {
content: "\ec97";
}
.icon-cp-xiajiantou:before {
content: "\e9e9";
}
.icon-cp-shangjiantou:before {
content: "\ea62";
}
.icon-cp-zanwuhuashu:before {
content: "\ec6e";
}
.icon-cp-reload-outlined:before {
content: "\e61a";
}
.icon-cp-no-data:before {
content: "\ec64";
}
.icon-cp-peizhiweikong:before {
content: "\ec56";
}
.icon-cp-Excleweishangchuan:before {
content: "\e675";
}
.icon-cp-excel:before {
content: "\e614";
}
.icon-cp-xitong:before {
content: "\ec54";
}
.icon-cp-CaretLeftOutlined:before {
content: "\e658";
}
.icon-cp-CaretRightOutlined:before {
content: "\e991";
}
.icon-cp-fuwu:before {
content: "\ec3a";
}
.icon-cp-peizhi:before {
content: "\ec39";
}
.icon-cp-shangcheng:before {
content: "\ec38";
}
.icon-cp-shuju:before {
content: "\ec37";
}
.icon-cp-jifen:before {
content: "\ec36";
}
.icon-cp-shangpin:before {
content: "\ec32";
}
.icon-cp-qiye:before {
content: "\ec31";
}
.icon-cp-yingxiao:before {
content: "\ec30";
}
.icon-cp-kehu:before {
content: "\ec2b";
}
.icon-cp-CaretUpOutlined:before {
content: "\e655";
}
.icon-cp-CaretDownOutlined:before {
content: "\e654";
}
.icon-cp-shouye:before {
content: "\ec23";
}
.icon-cp-SwapOutlined:before {
content: "\e672";
}
.icon-cp-BellOutlined:before {
content: "\e673";
}
.icon-cp-QuestionCircleOutlined:before {
content: "\e65c";
}
.icon-cp-error_403:before {
content: "\ebd0";
}
.icon-cp-xianliu:before {
content: "\ebcf";
}
.icon-cp-zoom-in-outlined:before {
content: "\e652";
}
.icon-cp-DeleteOutlined:before {
content: "\e612";
}
.icon-cp-edit-outlined:before {
content: "\e623";
}
.icon-cp-PlusOutlined:before {
content: "\e61d";
}
.icon-cp-PlusCircleOutlined:before {
content: "\e666";
}
.icon-cp-check-circle-fill:before {
content: "\e844";
}
.icon-cp-close-circle-fill:before {
content: "\e845";
}
.icon-cp-warning-circle-fill:before {
content: "\e848";
}
.icon-cp-setting:before {
content: "\e62e";
}
.icon-cp-file-text:before {
content: "\e7b9";
}
.icon-cp-time-circle:before {
content: "\e999";
}
.icon-cp-calendar:before {
content: "\e7d3";
}
.icon-cp-close:before {
content: "\e992";
}
.icon-cp-star:before {
content: "\e8e4";
}
.icon-cp-close-circle:before {
content: "\e77d";
}
.icon-cp-up:before {
content: "\eb1e";
}
.icon-cp-xiazai:before {
content: "\eb83";
}
.icon-cp-shangc:before {
content: "\e62d";
}
.icon-cp-search:before {
content: "\e993";
}
.icon-cp-check:before {
content: "\e7fc";
}
.icon-cp-left:before {
content: "\eb1b";
}
.icon-cp-down:before {
content: "\eb1c";
}
.icon-cp-right:before {
content: "\eb1d";
}
.icon-cp-error_404:before {
content: "\ebce";
}
.icon-cp-error_500:before {
content: "\ebcd";
}
.icon-cp-user-default:before {
content: "\ebcc";
}
.icon-cp-pic-error:before {
content: "\ebcb";
}
.icon-cp-no-access:before {
content: "\ebc9";
}
.icon-cp-loading-error:before {
content: "\ebc8";
}
.icon-cp-goods-default:before {
content: "\ebc7";
}
.icon-cp-gift-default:before {
content: "\ebc6";
}
src/assets/iconfont/3.0组件库/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/iconfont/3.0组件库/iconfont.json 0 → 100644
{
{
"id": "2859043",
"name": "GIC3.0 组件图标库",
"font_family": "iconfont-components3",
"css_prefix_text": "icon-cp-",
"description": "",
"glyphs": [
{
"icon_id": "1457811",
"name": "check",
"font_class": "check1",
"unicode": "e646",
"unicode_decimal": 58950
},
{
"icon_id": "1457645",
"name": "close",
"font_class": "close1",
"unicode": "e62a",
"unicode_decimal": 58922
},
{
"icon_id": "9512486",
"name": "向下",
"font_class": "toBottom-fill",
"unicode": "e615",
"unicode_decimal": 58901
},
{
"icon_id": "28090990",
"name": "输入密码-暗码",
"font_class": "shurumima-anma",
"unicode": "ec6c",
"unicode_decimal": 60524
},
{
"icon_id": "28090994",
"name": "输入密码-明码",
"font_class": "shurumima-mingma",
"unicode": "ec6d",
"unicode_decimal": 60525
},
{
"icon_id": "28814382",
"name": "no-permission",
"font_class": "no-permission",
"unicode": "ec9c",
"unicode_decimal": 60572
},
{
"icon_id": "28687760",
"name": "拖拽排序",
"font_class": "tuozhuaipaixu",
"unicode": "ec9a",
"unicode_decimal": 60570
},
{
"icon_id": "28687110",
"name": "more",
"font_class": "more",
"unicode": "ec97",
"unicode_decimal": 60567
},
{
"icon_id": "12399339",
"name": "下箭头",
"font_class": "xiajiantou",
"unicode": "e9e9",
"unicode_decimal": 59881
},
{
"icon_id": "12995442",
"name": "上箭头",
"font_class": "shangjiantou",
"unicode": "ea62",
"unicode_decimal": 60002
},
{
"icon_id": "28092858",
"name": "暂无话术",
"font_class": "zanwuhuashu",
"unicode": "ec6e",
"unicode_decimal": 60526
},
{
"icon_id": "27701065",
"name": "reload-outlined",
"font_class": "reload-outlined",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "27977097",
"name": "no-data",
"font_class": "no-data",
"unicode": "ec64",
"unicode_decimal": 60516
},
{
"icon_id": "27876718",
"name": "配置为空",
"font_class": "peizhiweikong",
"unicode": "ec56",
"unicode_decimal": 60502
},
{
"icon_id": "20982862",
"name": "Excle未上传",
"font_class": "Excleweishangchuan",
"unicode": "e675",
"unicode_decimal": 58997
},
{
"icon_id": "7139331",
"name": "excel",
"font_class": "excel",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "27731440",
"name": "系统",
"font_class": "xitong",
"unicode": "ec54",
"unicode_decimal": 60500
},
{
"icon_id": "20891838",
"name": "CaretLeftOutlined",
"font_class": "CaretLeftOutlined",
"unicode": "e658",
"unicode_decimal": 58968
},
{
"icon_id": "20891835",
"name": "CaretRightOutlined",
"font_class": "CaretRightOutlined",
"unicode": "e991",
"unicode_decimal": 59793
},
{
"icon_id": "27635106",
"name": "服务",
"font_class": "fuwu",
"unicode": "ec3a",
"unicode_decimal": 60474
},
{
"icon_id": "27634371",
"name": "配置",
"font_class": "peizhi",
"unicode": "ec39",
"unicode_decimal": 60473
},
{
"icon_id": "27633475",
"name": "商城",
"font_class": "shangcheng",
"unicode": "ec38",
"unicode_decimal": 60472
},
{
"icon_id": "27633414",
"name": "数据",
"font_class": "shuju",
"unicode": "ec37",
"unicode_decimal": 60471
},
{
"icon_id": "27633101",
"name": "积分",
"font_class": "jifen",
"unicode": "ec36",
"unicode_decimal": 60470
},
{
"icon_id": "27631272",
"name": "商品",
"font_class": "shangpin",
"unicode": "ec32",
"unicode_decimal": 60466
},
{
"icon_id": "27631120",
"name": "企业",
"font_class": "qiye",
"unicode": "ec31",
"unicode_decimal": 60465
},
{
"icon_id": "27631012",
"name": "营销",
"font_class": "yingxiao",
"unicode": "ec30",
"unicode_decimal": 60464
},
{
"icon_id": "27628466",
"name": "客户",
"font_class": "kehu",
"unicode": "ec2b",
"unicode_decimal": 60459
},
{
"icon_id": "20891837",
"name": "CaretUpOutlined",
"font_class": "CaretUpOutlined",
"unicode": "e655",
"unicode_decimal": 58965
},
{
"icon_id": "20891839",
"name": "CaretDownOutlined",
"font_class": "CaretDownOutlined",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "27178006",
"name": "首页",
"font_class": "shouye",
"unicode": "ec23",
"unicode_decimal": 60451
},
{
"icon_id": "20893458",
"name": "SwapOutlined",
"font_class": "SwapOutlined",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "22596519",
"name": "BellOutlined",
"font_class": "BellOutlined",
"unicode": "e673",
"unicode_decimal": 58995
},
{
"icon_id": "20893446",
"name": "QuestionCircleOutlined",
"font_class": "QuestionCircleOutlined",
"unicode": "e65c",
"unicode_decimal": 58972
},
{
"icon_id": "24937766",
"name": "error_403",
"font_class": "error_403",
"unicode": "ebd0",
"unicode_decimal": 60368
},
{
"icon_id": "24937726",
"name": "限流",
"font_class": "xianliu",
"unicode": "ebcf",
"unicode_decimal": 60367
},
{
"icon_id": "16328126",
"name": "zoom-in-outlined",
"font_class": "zoom-in-outlined",
"unicode": "e652",
"unicode_decimal": 58962
},
{
"icon_id": "20888110",
"name": "DeleteOutlined",
"font_class": "DeleteOutlined",
"unicode": "e612",
"unicode_decimal": 58898
},
{
"icon_id": "23911275",
"name": "edit-outlined",
"font_class": "edit-outlined",
"unicode": "e623",
"unicode_decimal": 58915
},
{
"icon_id": "20415179",
"name": "PlusOutlined",
"font_class": "PlusOutlined",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "20967800",
"name": "PlusCircleOutlined",
"font_class": "PlusCircleOutlined",
"unicode": "e666",
"unicode_decimal": 58982
},
{
"icon_id": "4936478",
"name": "check-circle-fill",
"font_class": "check-circle-fill",
"unicode": "e844",
"unicode_decimal": 59460
},
{
"icon_id": "4936482",
"name": "close-circle-fill",
"font_class": "close-circle-fill",
"unicode": "e845",
"unicode_decimal": 59461
},
{
"icon_id": "4936511",
"name": "warning-circle-fill",
"font_class": "warning-circle-fill",
"unicode": "e848",
"unicode_decimal": 59464
},
{
"icon_id": "9062672",
"name": "setting",
"font_class": "setting",
"unicode": "e62e",
"unicode_decimal": 58926
},
{
"icon_id": "4766480",
"name": "file-text",
"font_class": "file-text",
"unicode": "e7b9",
"unicode_decimal": 59321
},
{
"icon_id": "4765741",
"name": "time-circle",
"font_class": "time-circle",
"unicode": "e999",
"unicode_decimal": 59801
},
{
"icon_id": "4766858",
"name": "calendar",
"font_class": "calendar",
"unicode": "e7d3",
"unicode_decimal": 59347
},
{
"icon_id": "4767096",
"name": "close",
"font_class": "close",
"unicode": "e992",
"unicode_decimal": 59794
},
{
"icon_id": "15617513",
"name": "star",
"font_class": "star",
"unicode": "e8e4",
"unicode_decimal": 59620
},
{
"icon_id": "4765725",
"name": "close-circle",
"font_class": "close-circle",
"unicode": "e77d",
"unicode_decimal": 59261
},
{
"icon_id": "19674253",
"name": "上箭头",
"font_class": "up",
"unicode": "eb1e",
"unicode_decimal": 60190
},
{
"icon_id": "19954052",
"name": "下载",
"font_class": "xiazai",
"unicode": "eb83",
"unicode_decimal": 60291
},
{
"icon_id": "7501395",
"name": "上传",
"font_class": "shangc",
"unicode": "e62d",
"unicode_decimal": 58925
},
{
"icon_id": "462796",
"name": "search",
"font_class": "search",
"unicode": "e993",
"unicode_decimal": 59795
},
{
"icon_id": "4767093",
"name": "check",
"font_class": "check",
"unicode": "e7fc",
"unicode_decimal": 59388
},
{
"icon_id": "19674250",
"name": "左箭头",
"font_class": "left",
"unicode": "eb1b",
"unicode_decimal": 60187
},
{
"icon_id": "19674251",
"name": "下箭头",
"font_class": "down",
"unicode": "eb1c",
"unicode_decimal": 60188
},
{
"icon_id": "19674252",
"name": "右箭头",
"font_class": "right",
"unicode": "eb1d",
"unicode_decimal": 60189
},
{
"icon_id": "24838625",
"name": "error_404",
"font_class": "error_404",
"unicode": "ebce",
"unicode_decimal": 60366
},
{
"icon_id": "24838513",
"name": "error_500",
"font_class": "error_500",
"unicode": "ebcd",
"unicode_decimal": 60365
},
{
"icon_id": "24838426",
"name": "user-default",
"font_class": "user-default",
"unicode": "ebcc",
"unicode_decimal": 60364
},
{
"icon_id": "24838411",
"name": "pic-error",
"font_class": "pic-error",
"unicode": "ebcb",
"unicode_decimal": 60363
},
{
"icon_id": "24838389",
"name": "no-access",
"font_class": "no-access",
"unicode": "ebc9",
"unicode_decimal": 60361
},
{
"icon_id": "24838382",
"name": "loading-error",
"font_class": "loading-error",
"unicode": "ebc8",
"unicode_decimal": 60360
},
{
"icon_id": "24838373",
"name": "goods-default",
"font_class": "goods-default",
"unicode": "ebc7",
"unicode_decimal": 60359
},
{
"icon_id": "24838357",
"name": "gift-default",
"font_class": "gift-default",
"unicode": "ebc6",
"unicode_decimal": 60358
}
]
}
src/assets/iconfont/gic后台3.0/demo.css 0 → 100644
/* Logo 字体 */
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
src/assets/iconfont/demo_index.html → src/assets/iconfont/gic后台3.0/demo_index.html
<!DOCTYPE html>
...@@ -55,27 +55,225 @@ ...@@ -55,27 +55,225 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe68d;</span> <span class="icon iconfont">&#xec81;</span>
<div class="name">1_黑名单管理</div> <div class="name">编辑</div>
<div class="code-name">&amp;#xe68d;</div> <div class="code-name">&amp;#xec81;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe68c;</span> <span class="icon iconfont">&#xec82;</span>
<div class="name">微信取关</div> <div class="name">删除</div>
<div class="code-name">&amp;#xe68c;</div> <div class="code-name">&amp;#xec82;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec97;</span>
<div class="name">more</div>
<div class="code-name">&amp;#xec97;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca9;</span>
<div class="name">升级</div>
<div class="code-name">&amp;#xeca9;</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">&#xe6ac;</span>
<div class="name">上传</div>
<div class="code-name">&amp;#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb83;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xeb83;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a9;</span>
<div class="name">PlusOutlined</div>
<div class="code-name">&amp;#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec56;</span>
<div class="name">配置为空</div>
<div class="code-name">&amp;#xec56;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe808;</span>
<div class="name">arrow-right</div>
<div class="code-name">&amp;#xe808;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a7;</span>
<div class="name">原因</div>
<div class="code-name">&amp;#xe6a7;</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">&#xe6a1;</span>
<div class="name">角色列表</div>
<div class="code-name">&amp;#xe6a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a0;</span>
<div class="name">用户列表</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69f;</span>
<div class="name">停业整顿</div>
<div class="code-name">&amp;#xe69f;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe689;</span> <span class="icon iconfont">&#xe689;</span>
<div class="name">积分</div> <div class="name">已上线</div>
<div class="code-name">&amp;#xe689;</div> <div class="code-name">&amp;#xe689;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe765;</span> <span class="icon iconfont">&#xe69d;</span>
<div class="name">营销</div> <div class="name">未上线</div>
<div class="code-name">&amp;#xe765;</div> <div class="code-name">&amp;#xe69d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69e;</span>
<div class="name">待上线</div>
<div class="code-name">&amp;#xe69e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe698;</span>
<div class="name">活动列表</div>
<div class="code-name">&amp;#xe698;</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">&#xe69c;</span>
<div class="name">佣金管理</div>
<div class="code-name">&amp;#xe69c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xebd0;</span>
<div class="name">error_403</div>
<div class="code-name">&amp;#xebd0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xebc9;</span>
<div class="name">no-access</div>
<div class="code-name">&amp;#xebc9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe696;</span>
<div class="name">积分加倍</div>
<div class="code-name">&amp;#xe696;</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">&#xe695;</span>
<div class="name">详情</div>
<div class="code-name">&amp;#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe694;</span>
<div class="name">企微</div>
<div class="code-name">&amp;#xe694;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe673;</span>
<div class="name">外部</div>
<div class="code-name">&amp;#xe673;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe672;</span>
<div class="name">search</div>
<div class="code-name">&amp;#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec13;</span>
<div class="name">任务完成</div>
<div class="code-name">&amp;#xec13;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe693;</span>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">&amp;#xe693;</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">&#xe691;</span>
<div class="name">营销记录</div>
<div class="code-name">&amp;#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeba7;</span>
<div class="name">微盟 (2)</div>
<div class="code-name">&amp;#xeba7;</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">&#xe68d;</span>
<div class="name">1_黑名单管理</div>
<div class="code-name">&amp;#xe68d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe68c;</span>
<div class="name">微信取关</div>
<div class="code-name">&amp;#xe68c;</div>
</li> </li>
<li class="dib"> <li class="dib">
...@@ -103,12 +301,6 @@ ...@@ -103,12 +301,6 @@
</li> </li>
<li class="dib"> <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">&#xe685;</span> <span class="icon iconfont">&#xe685;</span>
<div class="name">微信</div> <div class="name">微信</div>
<div class="code-name">&amp;#xe685;</div> <div class="code-name">&amp;#xe685;</div>
...@@ -205,21 +397,15 @@ ...@@ -205,21 +397,15 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe672;</span> <span class="icon iconfont">&#xe892;</span>
<div class="name">SwapOutlined</div> <div class="name">查看详情</div>
<div class="code-name">&amp;#xe672;</div> <div class="code-name">&amp;#xe892;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe673;</span>
<div class="name">BellOutlined</div>
<div class="code-name">&amp;#xe673;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe892;</span> <span class="icon iconfont">&#xeba8;</span>
<div class="name">查看详情</div> <div class="name">查看详情</div>
<div class="code-name">&amp;#xe892;</div> <div class="code-name">&amp;#xeba8;</div>
</li> </li>
<li class="dib"> <li class="dib">
...@@ -973,30 +1159,6 @@ ...@@ -973,30 +1159,6 @@
</li> </li>
<li class="dib"> <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">&#xe78d;</span>
<div class="name">消费</div>
<div class="code-name">&amp;#xe78d;</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">&#xe78f;</span>
<div class="name">营销活动管理</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61f;</span> <span class="icon iconfont">&#xe61f;</span>
<div class="name">分隔符</div> <div class="name">分隔符</div>
<div class="code-name">&amp;#xe61f;</div> <div class="code-name">&amp;#xe61f;</div>
...@@ -1171,24 +1333,12 @@ ...@@ -1171,24 +1333,12 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">双向呼叫</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65d;</span> <span class="icon iconfont">&#xe65d;</span>
<div class="name">语音消息</div> <div class="name">语音消息</div>
<div class="code-name">&amp;#xe65d;</div> <div class="code-name">&amp;#xe65d;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">短信</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe619;</span> <span class="icon iconfont">&#xe619;</span>
<div class="name">手机验证码</div> <div class="name">手机验证码</div>
<div class="code-name">&amp;#xe619;</div> <div class="code-name">&amp;#xe619;</div>
...@@ -1740,9 +1890,9 @@ ...@@ -1740,9 +1890,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1637225676006') format('woff2'), src: url('iconfont.woff2?t=1659408885671') format('woff2'),
url('iconfont.woff?t=1637225676006') format('woff'), url('iconfont.woff?t=1659408885671') format('woff'),
url('iconfont.ttf?t=1637225676006') format('truetype'); url('iconfont.ttf?t=1659408885671') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -1769,38 +1919,335 @@ ...@@ -1769,38 +1919,335 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-a-1_heimingdanguanli"></span> <span class="icon iconfont icon-bianji6"></span>
<div class="name"> <div class="name">
1_黑名单管理 编辑
</div> </div>
<div class="code-name">.icon-a-1_heimingdanguanli <div class="code-name">.icon-bianji6
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-weixinquguan"></span> <span class="icon iconfont icon-delete"></span>
<div class="name"> <div class="name">
微信取关 删除
</div> </div>
<div class="code-name">.icon-weixinquguan <div class="code-name">.icon-delete
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-more"></span>
<div class="name">
more
</div>
<div class="code-name">.icon-more
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-jifen1"></span> <span class="icon iconfont icon-shengji"></span>
<div class="name"> <div class="name">
积分 升级
</div> </div>
<div class="code-name">.icon-jifen1 <div class="code-name">.icon-shengji
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-yingxiao"></span> <span class="icon iconfont icon-gengduo2"></span>
<div class="name"> <div class="name">
营销 更多
</div> </div>
<div class="code-name">.icon-yingxiao <div class="code-name">.icon-gengduo2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangc"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-shangc
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-PlusOutlined"></span>
<div class="name">
PlusOutlined
</div>
<div class="code-name">.icon-PlusOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-peizhiweikong"></span>
<div class="name">
配置为空
</div>
<div class="code-name">.icon-peizhiweikong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right1"></span>
<div class="name">
arrow-right
</div>
<div class="code-name">.icon-arrow-right1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuanyin"></span>
<div class="name">
原因
</div>
<div class="code-name">.icon-yuanyin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jifenguanli"></span>
<div class="name">
积分管理
</div>
<div class="code-name">.icon-jifenguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiaoseliebiao"></span>
<div class="name">
角色列表
</div>
<div class="code-name">.icon-jiaoseliebiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yonghuliebiao1"></span>
<div class="name">
用户列表
</div>
<div class="code-name">.icon-yonghuliebiao1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tingyezhengdun"></span>
<div class="name">
停业整顿
</div>
<div class="code-name">.icon-tingyezhengdun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yishangxian"></span>
<div class="name">
已上线
</div>
<div class="code-name">.icon-yishangxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weishangxian"></span>
<div class="name">
未上线
</div>
<div class="code-name">.icon-weishangxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daishangxian"></span>
<div class="name">
待上线
</div>
<div class="code-name">.icon-daishangxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huodongliebiao"></span>
<div class="name">
活动列表
</div>
<div class="code-name">.icon-huodongliebiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huodongtongji"></span>
<div class="name">
活动统计
</div>
<div class="code-name">.icon-huodongtongji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yongjinguanli"></span>
<div class="name">
佣金管理
</div>
<div class="code-name">.icon-yongjinguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-error_403"></span>
<div class="name">
error_403
</div>
<div class="code-name">.icon-error_403
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-no-access"></span>
<div class="name">
no-access
</div>
<div class="code-name">.icon-no-access
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jifenjiabei"></span>
<div class="name">
积分加倍
</div>
<div class="code-name">.icon-jifenjiabei
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jifenduihuan"></span>
<div class="name">
积分兑换
</div>
<div class="code-name">.icon-jifenduihuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangqing1"></span>
<div class="name">
详情
</div>
<div class="code-name">.icon-xiangqing1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiwei"></span>
<div class="name">
企微
</div>
<div class="code-name">.icon-qiwei
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waibu"></span>
<div class="name">
外部
</div>
<div class="code-name">.icon-waibu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search"></span>
<div class="name">
search
</div>
<div class="code-name">.icon-search
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-renwuwancheng"></span>
<div class="name">
任务完成
</div>
<div class="code-name">.icon-renwuwancheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QuestionCircleOutlined"></span>
<div class="name">
QuestionCircleOutlined
</div>
<div class="code-name">.icon-QuestionCircleOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tonghuajilu1"></span>
<div class="name">
通话记录
</div>
<div class="code-name">.icon-tonghuajilu1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yingxiaojilu"></span>
<div class="name">
营销记录
</div>
<div class="code-name">.icon-yingxiaojilu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-weimeng2"></span>
<div class="name">
微盟 (2)
</div>
<div class="code-name">.icon-a-weimeng2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhangdan"></span>
<div class="name">
账单
</div>
<div class="code-name">.icon-zhangdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-1_heimingdanguanli"></span>
<div class="name">
1_黑名单管理
</div>
<div class="code-name">.icon-a-1_heimingdanguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixinquguan"></span>
<div class="name">
微信取关
</div>
<div class="code-name">.icon-weixinquguan
</div> </div>
</li> </li>
...@@ -1841,15 +2288,6 @@ ...@@ -1841,15 +2288,6 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-weimeng"></span>
<div class="name">
微盟
</div>
<div class="code-name">.icon-weimeng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin1"></span> <span class="icon iconfont icon-weixin1"></span>
<div class="name"> <div class="name">
微信 微信
...@@ -1994,29 +2432,20 @@ ...@@ -1994,29 +2432,20 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-SwapOutlined"></span> <span class="icon iconfont icon-chakanxiangqing"></span>
<div class="name">
SwapOutlined
</div>
<div class="code-name">.icon-SwapOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-BellOutlined"></span>
<div class="name"> <div class="name">
BellOutlined 查看详情
</div> </div>
<div class="code-name">.icon-BellOutlined <div class="code-name">.icon-chakanxiangqing
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-chakanxiangqing"></span> <span class="icon iconfont icon-chakanxiangqing-copy"></span>
<div class="name"> <div class="name">
查看详情 查看详情
</div> </div>
<div class="code-name">.icon-chakanxiangqing <div class="code-name">.icon-chakanxiangqing-copy
</div> </div>
</li> </li>
...@@ -3114,70 +3543,34 @@ ...@@ -3114,70 +3543,34 @@
<div class="name"> <div class="name">
zhongzhi zhongzhi
</div> </div>
<div class="code-name">.icon-zhongzhi <div class="code-name">.icon-zhongzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhankai-"></span>
<div class="name">
zhankai-2
</div>
<div class="code-name">.icon-zhankai-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinxixianshi2"></span>
<div class="name">
bofang
</div>
<div class="code-name">.icon-xinxixianshi2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinxixianshi1"></span>
<div class="name">
zanting
</div>
<div class="code-name">.icon-xinxixianshi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guijijiansuo"></span>
<div class="name">
轨迹检索
</div>
<div class="code-name">.icon-guijijiansuo
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-xiaofei2"></span> <span class="icon iconfont icon-zhankai-"></span>
<div class="name"> <div class="name">
消费 zhankai-2
</div> </div>
<div class="code-name">.icon-xiaofei2 <div class="code-name">.icon-zhankai-
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-jibenxinxi"></span> <span class="icon iconfont icon-xinxixianshi2"></span>
<div class="name"> <div class="name">
基本信息 bofang
</div> </div>
<div class="code-name">.icon-jibenxinxi <div class="code-name">.icon-xinxixianshi2
</div> </div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-yingxiaohuodongguanli"></span> <span class="icon iconfont icon-xinxixianshi1"></span>
<div class="name"> <div class="name">
营销活动管理 zanting
</div> </div>
<div class="code-name">.icon-yingxiaohuodongguanli <div class="code-name">.icon-xinxixianshi1
</div> </div>
</li> </li>
...@@ -3443,15 +3836,6 @@ ...@@ -3443,15 +3836,6 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-shuangxianghujiao"></span>
<div class="name">
双向呼叫
</div>
<div class="code-name">.icon-shuangxianghujiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yuyinxiaoxi"></span> <span class="icon iconfont icon-yuyinxiaoxi"></span>
<div class="name"> <div class="name">
语音消息 语音消息
...@@ -3461,15 +3845,6 @@ ...@@ -3461,15 +3845,6 @@
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-duanxin"></span>
<div class="name">
短信
</div>
<div class="code-name">.icon-duanxin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoujiyanzhengma"></span> <span class="icon iconfont icon-shoujiyanzhengma"></span>
<div class="name"> <div class="name">
手机验证码 手机验证码
...@@ -4299,34 +4674,298 @@ ...@@ -4299,34 +4674,298 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-1_heimingdanguanli"></use> <use xlink:href="#icon-bianji6"></use>
</svg> </svg>
<div class="name">1_黑名单管理</div> <div class="name">编辑</div>
<div class="code-name">#icon-a-1_heimingdanguanli</div> <div class="code-name">#icon-bianji6</div>
</li> </li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixinquguan"></use> <use xlink:href="#icon-delete"></use>
</svg> </svg>
<div class="name">微信取关</div> <div class="name">删除</div>
<div class="code-name">#icon-weixinquguan</div> <div class="code-name">#icon-delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-more"></use>
</svg>
<div class="name">more</div>
<div class="code-name">#icon-more</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shengji"></use>
</svg>
<div class="name">升级</div>
<div class="code-name">#icon-shengji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo2"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icon-gengduo2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangc"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-shangc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PlusOutlined"></use>
</svg>
<div class="name">PlusOutlined</div>
<div class="code-name">#icon-PlusOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-peizhiweikong"></use>
</svg>
<div class="name">配置为空</div>
<div class="code-name">#icon-peizhiweikong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right1"></use>
</svg>
<div class="name">arrow-right</div>
<div class="code-name">#icon-arrow-right1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuanyin"></use>
</svg>
<div class="name">原因</div>
<div class="code-name">#icon-yuanyin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifenguanli"></use>
</svg>
<div class="name">积分管理</div>
<div class="code-name">#icon-jifenguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaoseliebiao"></use>
</svg>
<div class="name">角色列表</div>
<div class="code-name">#icon-jiaoseliebiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yonghuliebiao1"></use>
</svg>
<div class="name">用户列表</div>
<div class="code-name">#icon-yonghuliebiao1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tingyezhengdun"></use>
</svg>
<div class="name">停业整顿</div>
<div class="code-name">#icon-tingyezhengdun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yishangxian"></use>
</svg>
<div class="name">已上线</div>
<div class="code-name">#icon-yishangxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weishangxian"></use>
</svg>
<div class="name">未上线</div>
<div class="code-name">#icon-weishangxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daishangxian"></use>
</svg>
<div class="name">待上线</div>
<div class="code-name">#icon-daishangxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huodongliebiao"></use>
</svg>
<div class="name">活动列表</div>
<div class="code-name">#icon-huodongliebiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huodongtongji"></use>
</svg>
<div class="name">活动统计</div>
<div class="code-name">#icon-huodongtongji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yongjinguanli"></use>
</svg>
<div class="name">佣金管理</div>
<div class="code-name">#icon-yongjinguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-error_403"></use>
</svg>
<div class="name">error_403</div>
<div class="code-name">#icon-error_403</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-no-access"></use>
</svg>
<div class="name">no-access</div>
<div class="code-name">#icon-no-access</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifenjiabei"></use>
</svg>
<div class="name">积分加倍</div>
<div class="code-name">#icon-jifenjiabei</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifenduihuan"></use>
</svg>
<div class="name">积分兑换</div>
<div class="code-name">#icon-jifenduihuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiangqing1"></use>
</svg>
<div class="name">详情</div>
<div class="code-name">#icon-xiangqing1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiwei"></use>
</svg>
<div class="name">企微</div>
<div class="code-name">#icon-qiwei</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waibu"></use>
</svg>
<div class="name">外部</div>
<div class="code-name">#icon-waibu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
</svg>
<div class="name">search</div>
<div class="code-name">#icon-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-renwuwancheng"></use>
</svg>
<div class="name">任务完成</div>
<div class="code-name">#icon-renwuwancheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-QuestionCircleOutlined"></use>
</svg>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">#icon-QuestionCircleOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tonghuajilu1"></use>
</svg>
<div class="name">通话记录</div>
<div class="code-name">#icon-tonghuajilu1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingxiaojilu"></use>
</svg>
<div class="name">营销记录</div>
<div class="code-name">#icon-yingxiaojilu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-weimeng2"></use>
</svg>
<div class="name">微盟 (2)</div>
<div class="code-name">#icon-a-weimeng2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhangdan"></use>
</svg>
<div class="name">账单</div>
<div class="code-name">#icon-zhangdan</div>
</li> </li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifen1"></use> <use xlink:href="#icon-a-1_heimingdanguanli"></use>
</svg> </svg>
<div class="name">积分</div> <div class="name">1_黑名单管理</div>
<div class="code-name">#icon-jifen1</div> <div class="code-name">#icon-a-1_heimingdanguanli</div>
</li> </li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingxiao"></use> <use xlink:href="#icon-weixinquguan"></use>
</svg> </svg>
<div class="name">营销</div> <div class="name">微信取关</div>
<div class="code-name">#icon-yingxiao</div> <div class="code-name">#icon-weixinquguan</div>
</li> </li>
<li class="dib"> <li class="dib">
...@@ -4363,14 +5002,6 @@ ...@@ -4363,14 +5002,6 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weimeng"></use>
</svg>
<div class="name">微盟</div>
<div class="code-name">#icon-weimeng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin1"></use> <use xlink:href="#icon-weixin1"></use>
</svg> </svg>
<div class="name">微信</div> <div class="name">微信</div>
...@@ -4499,26 +5130,18 @@ ...@@ -4499,26 +5130,18 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-SwapOutlined"></use> <use xlink:href="#icon-chakanxiangqing"></use>
</svg>
<div class="name">SwapOutlined</div>
<div class="code-name">#icon-SwapOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-BellOutlined"></use>
</svg> </svg>
<div class="name">BellOutlined</div> <div class="name">查看详情</div>
<div class="code-name">#icon-BellOutlined</div> <div class="code-name">#icon-chakanxiangqing</div>
</li> </li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chakanxiangqing"></use> <use xlink:href="#icon-chakanxiangqing-copy"></use>
</svg> </svg>
<div class="name">查看详情</div> <div class="name">查看详情</div>
<div class="code-name">#icon-chakanxiangqing</div> <div class="code-name">#icon-chakanxiangqing-copy</div>
</li> </li>
<li class="dib"> <li class="dib">
...@@ -5523,38 +6146,6 @@ ...@@ -5523,38 +6146,6 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guijijiansuo"></use>
</svg>
<div class="name">轨迹检索</div>
<div class="code-name">#icon-guijijiansuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaofei2"></use>
</svg>
<div class="name">消费</div>
<div class="code-name">#icon-xiaofei2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibenxinxi"></use>
</svg>
<div class="name">基本信息</div>
<div class="code-name">#icon-jibenxinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingxiaohuodongguanli"></use>
</svg>
<div class="name">营销活动管理</div>
<div class="code-name">#icon-yingxiaohuodongguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fengefu"></use> <use xlink:href="#icon-fengefu"></use>
</svg> </svg>
<div class="name">分隔符</div> <div class="name">分隔符</div>
...@@ -5787,14 +6378,6 @@ ...@@ -5787,14 +6378,6 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuangxianghujiao"></use>
</svg>
<div class="name">双向呼叫</div>
<div class="code-name">#icon-shuangxianghujiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuyinxiaoxi"></use> <use xlink:href="#icon-yuyinxiaoxi"></use>
</svg> </svg>
<div class="name">语音消息</div> <div class="name">语音消息</div>
...@@ -5803,14 +6386,6 @@ ...@@ -5803,14 +6386,6 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duanxin"></use>
</svg>
<div class="name">短信</div>
<div class="code-name">#icon-duanxin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoujiyanzhengma"></use> <use xlink:href="#icon-shoujiyanzhengma"></use>
</svg> </svg>
<div class="name">手机验证码</div> <div class="name">手机验证码</div>
......
src/assets/iconfont/iconfont.css → src/assets/iconfont/gic后台3.0/iconfont.css
@font-face {
@font-face { @font-face {
font-family: "iconfont"; /* Project id 688955 */ font-family: "iconfont"; /* Project id 688955 */
src: url('iconfont.woff2?t=1637225676006') format('woff2'), src: url('iconfont.woff2?t=1659408885671') format('woff2'),
url('iconfont.woff?t=1637225676006') format('woff'), url('iconfont.woff?t=1659408885671') format('woff'),
url('iconfont.ttf?t=1637225676006') format('truetype'); url('iconfont.ttf?t=1659408885671') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,20 +13,152 @@ ...@@ -13,20 +13,152 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-a-1_heimingdanguanli:before { .icon-bianji6:before {
content: "\e68d"; content: "\ec81";
} }
.icon-weixinquguan:before { .icon-delete:before {
content: "\e68c"; content: "\ec82";
} }
.icon-jifen1:before { .icon-more:before {
content: "\ec97";
}
.icon-shengji:before {
content: "\eca9";
}
.icon-gengduo2:before {
content: "\e6aa";
}
.icon-shangc:before {
content: "\e6ac";
}
.icon-xiazai:before {
content: "\eb83";
}
.icon-PlusOutlined:before {
content: "\e6a9";
}
.icon-peizhiweikong:before {
content: "\ec56";
}
.icon-arrow-right1:before {
content: "\e808";
}
.icon-yuanyin:before {
content: "\e6a7";
}
.icon-jifenguanli:before {
content: "\e6a8";
}
.icon-jiaoseliebiao:before {
content: "\e6a1";
}
.icon-yonghuliebiao1:before {
content: "\e6a0";
}
.icon-tingyezhengdun:before {
content: "\e69f";
}
.icon-yishangxian:before {
content: "\e689"; content: "\e689";
} }
.icon-yingxiao:before { .icon-weishangxian:before {
content: "\e765"; content: "\e69d";
}
.icon-daishangxian:before {
content: "\e69e";
}
.icon-huodongliebiao:before {
content: "\e698";
}
.icon-huodongtongji:before {
content: "\e699";
}
.icon-yongjinguanli:before {
content: "\e69c";
}
.icon-error_403:before {
content: "\ebd0";
}
.icon-no-access:before {
content: "\ebc9";
}
.icon-jifenjiabei:before {
content: "\e696";
}
.icon-jifenduihuan:before {
content: "\e697";
}
.icon-xiangqing1:before {
content: "\e695";
}
.icon-qiwei:before {
content: "\e694";
}
.icon-waibu:before {
content: "\e673";
}
.icon-search:before {
content: "\e672";
}
.icon-renwuwancheng:before {
content: "\ec13";
}
.icon-QuestionCircleOutlined:before {
content: "\e693";
}
.icon-tonghuajilu1:before {
content: "\e68f";
}
.icon-yingxiaojilu:before {
content: "\e691";
}
.icon-a-weimeng2:before {
content: "\eba7";
}
.icon-zhangdan:before {
content: "\e74b";
}
.icon-a-1_heimingdanguanli:before {
content: "\e68d";
}
.icon-weixinquguan:before {
content: "\e68c";
} }
.icon-shouqi1:before { .icon-shouqi1:before {
...@@ -45,10 +177,6 @@ ...@@ -45,10 +177,6 @@
content: "\e684"; content: "\e684";
} }
.icon-weimeng:before {
content: "\e6e4";
}
.icon-weixin1:before { .icon-weixin1:before {
content: "\e685"; content: "\e685";
} }
...@@ -113,18 +241,14 @@ ...@@ -113,18 +241,14 @@
content: "\e677"; content: "\e677";
} }
.icon-SwapOutlined:before {
content: "\e672";
}
.icon-BellOutlined:before {
content: "\e673";
}
.icon-chakanxiangqing:before { .icon-chakanxiangqing:before {
content: "\e892"; content: "\e892";
} }
.icon-chakanxiangqing-copy:before {
content: "\eba8";
}
.icon-jiaocheng:before { .icon-jiaocheng:before {
content: "\e6f8"; content: "\e6f8";
} }
...@@ -625,22 +749,6 @@ ...@@ -625,22 +749,6 @@
content: "\e791"; content: "\e791";
} }
.icon-guijijiansuo:before {
content: "\e78c";
}
.icon-xiaofei2:before {
content: "\e78d";
}
.icon-jibenxinxi:before {
content: "\e78e";
}
.icon-yingxiaohuodongguanli:before {
content: "\e78f";
}
.icon-fengefu:before { .icon-fengefu:before {
content: "\e61f"; content: "\e61f";
} }
...@@ -757,18 +865,10 @@ ...@@ -757,18 +865,10 @@
content: "\ea17"; content: "\ea17";
} }
.icon-shuangxianghujiao:before {
content: "\e617";
}
.icon-yuyinxiaoxi:before { .icon-yuyinxiaoxi:before {
content: "\e65d"; content: "\e65d";
} }
.icon-duanxin:before {
content: "\e61d";
}
.icon-shoujiyanzhengma:before { .icon-shoujiyanzhengma:before {
content: "\e619"; content: "\e619";
} }
......
src/assets/iconfont/gic后台3.0/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/iconfont/iconfont.json → src/assets/iconfont/gic后台3.0/iconfont.json
{
...@@ -6,6 +6,251 @@ ...@@ -6,6 +6,251 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "28506829",
"name": "编辑",
"font_class": "bianji6",
"unicode": "ec81",
"unicode_decimal": 60545
},
{
"icon_id": "28506833",
"name": "删除",
"font_class": "delete",
"unicode": "ec82",
"unicode_decimal": 60546
},
{
"icon_id": "28687110",
"name": "more",
"font_class": "more",
"unicode": "ec97",
"unicode_decimal": 60567
},
{
"icon_id": "30105703",
"name": "升级",
"font_class": "shengji",
"unicode": "eca9",
"unicode_decimal": 60585
},
{
"icon_id": "11939784",
"name": "更多",
"font_class": "gengduo2",
"unicode": "e6aa",
"unicode_decimal": 59050
},
{
"icon_id": "7501395",
"name": "上传",
"font_class": "shangc",
"unicode": "e6ac",
"unicode_decimal": 59052
},
{
"icon_id": "19954052",
"name": "下载",
"font_class": "xiazai",
"unicode": "eb83",
"unicode_decimal": 60291
},
{
"icon_id": "20415179",
"name": "PlusOutlined",
"font_class": "PlusOutlined",
"unicode": "e6a9",
"unicode_decimal": 59049
},
{
"icon_id": "27876718",
"name": "配置为空",
"font_class": "peizhiweikong",
"unicode": "ec56",
"unicode_decimal": 60502
},
{
"icon_id": "8376401",
"name": "arrow-right",
"font_class": "arrow-right1",
"unicode": "e808",
"unicode_decimal": 59400
},
{
"icon_id": "23919509",
"name": "原因",
"font_class": "yuanyin",
"unicode": "e6a7",
"unicode_decimal": 59047
},
{
"icon_id": "19657697",
"name": "积分管理",
"font_class": "jifenguanli",
"unicode": "e6a8",
"unicode_decimal": 59048
},
{
"icon_id": "26925526",
"name": "角色列表",
"font_class": "jiaoseliebiao",
"unicode": "e6a1",
"unicode_decimal": 59041
},
{
"icon_id": "10235785",
"name": "用户列表",
"font_class": "yonghuliebiao1",
"unicode": "e6a0",
"unicode_decimal": 59040
},
{
"icon_id": "26804068",
"name": "停业整顿",
"font_class": "tingyezhengdun",
"unicode": "e69f",
"unicode_decimal": 59039
},
{
"icon_id": "26803980",
"name": "已上线",
"font_class": "yishangxian",
"unicode": "e689",
"unicode_decimal": 59017
},
{
"icon_id": "26803981",
"name": "未上线",
"font_class": "weishangxian",
"unicode": "e69d",
"unicode_decimal": 59037
},
{
"icon_id": "26803982",
"name": "待上线",
"font_class": "daishangxian",
"unicode": "e69e",
"unicode_decimal": 59038
},
{
"icon_id": "26701965",
"name": "活动列表",
"font_class": "huodongliebiao",
"unicode": "e698",
"unicode_decimal": 59032
},
{
"icon_id": "26701968",
"name": "活动统计",
"font_class": "huodongtongji",
"unicode": "e699",
"unicode_decimal": 59033
},
{
"icon_id": "26701969",
"name": "佣金管理",
"font_class": "yongjinguanli",
"unicode": "e69c",
"unicode_decimal": 59036
},
{
"icon_id": "24937766",
"name": "error_403",
"font_class": "error_403",
"unicode": "ebd0",
"unicode_decimal": 60368
},
{
"icon_id": "24838389",
"name": "no-access",
"font_class": "no-access",
"unicode": "ebc9",
"unicode_decimal": 60361
},
{
"icon_id": "20657659",
"name": "积分加倍",
"font_class": "jifenjiabei",
"unicode": "e696",
"unicode_decimal": 59030
},
{
"icon_id": "20657666",
"name": "积分兑换",
"font_class": "jifenduihuan",
"unicode": "e697",
"unicode_decimal": 59031
},
{
"icon_id": "966293",
"name": "详情",
"font_class": "xiangqing1",
"unicode": "e695",
"unicode_decimal": 59029
},
{
"icon_id": "26390250",
"name": "企微",
"font_class": "qiwei",
"unicode": "e694",
"unicode_decimal": 59028
},
{
"icon_id": "26389942",
"name": "外部",
"font_class": "waibu",
"unicode": "e673",
"unicode_decimal": 58995
},
{
"icon_id": "462796",
"name": "search",
"font_class": "search",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "26304073",
"name": "任务完成",
"font_class": "renwuwancheng",
"unicode": "ec13",
"unicode_decimal": 60435
},
{
"icon_id": "20893446",
"name": "QuestionCircleOutlined",
"font_class": "QuestionCircleOutlined",
"unicode": "e693",
"unicode_decimal": 59027
},
{
"icon_id": "25982878",
"name": "通话记录",
"font_class": "tonghuajilu1",
"unicode": "e68f",
"unicode_decimal": 59023
},
{
"icon_id": "25982879",
"name": "营销记录",
"font_class": "yingxiaojilu",
"unicode": "e691",
"unicode_decimal": 59025
},
{
"icon_id": "23690641",
"name": "微盟 (2)",
"font_class": "a-weimeng2",
"unicode": "eba7",
"unicode_decimal": 60327
},
{
"icon_id": "17102423",
"name": "账单",
"font_class": "zhangdan",
"unicode": "e74b",
"unicode_decimal": 59211
},
{
"icon_id": "22465139", "icon_id": "22465139",
"name": "1_黑名单管理", "name": "1_黑名单管理",
"font_class": "a-1_heimingdanguanli", "font_class": "a-1_heimingdanguanli",
...@@ -20,20 +265,6 @@ ...@@ -20,20 +265,6 @@
"unicode_decimal": 59020 "unicode_decimal": 59020
}, },
{ {
"icon_id": "25698898",
"name": "积分",
"font_class": "jifen1",
"unicode": "e689",
"unicode_decimal": 59017
},
{
"icon_id": "5880283",
"name": "营销",
"font_class": "yingxiao",
"unicode": "e765",
"unicode_decimal": 59237
},
{
"icon_id": "672034", "icon_id": "672034",
"name": "收起", "name": "收起",
"font_class": "shouqi1", "font_class": "shouqi1",
...@@ -62,13 +293,6 @@ ...@@ -62,13 +293,6 @@
"unicode_decimal": 59012 "unicode_decimal": 59012
}, },
{ {
"icon_id": "7722415",
"name": "微盟",
"font_class": "weimeng",
"unicode": "e6e4",
"unicode_decimal": 59108
},
{
"icon_id": "15933094", "icon_id": "15933094",
"name": "微信", "name": "微信",
"font_class": "weixin1", "font_class": "weixin1",
...@@ -181,20 +405,6 @@ ...@@ -181,20 +405,6 @@
"unicode_decimal": 58999 "unicode_decimal": 58999
}, },
{ {
"icon_id": "20893458",
"name": "SwapOutlined",
"font_class": "SwapOutlined",
"unicode": "e672",
"unicode_decimal": 58994
},
{
"icon_id": "22596519",
"name": "BellOutlined",
"font_class": "BellOutlined",
"unicode": "e673",
"unicode_decimal": 58995
},
{
"icon_id": "9002691", "icon_id": "9002691",
"name": "查看详情", "name": "查看详情",
"font_class": "chakanxiangqing", "font_class": "chakanxiangqing",
...@@ -202,6 +412,13 @@ ...@@ -202,6 +412,13 @@
"unicode_decimal": 59538 "unicode_decimal": 59538
}, },
{ {
"icon_id": "26072953",
"name": "查看详情",
"font_class": "chakanxiangqing-copy",
"unicode": "eba8",
"unicode_decimal": 60328
},
{
"icon_id": "22607678", "icon_id": "22607678",
"name": "教程", "name": "教程",
"font_class": "jiaocheng", "font_class": "jiaocheng",
...@@ -1077,34 +1294,6 @@ ...@@ -1077,34 +1294,6 @@
"unicode_decimal": 59281 "unicode_decimal": 59281
}, },
{ {
"icon_id": "6841622",
"name": "轨迹检索",
"font_class": "guijijiansuo",
"unicode": "e78c",
"unicode_decimal": 59276
},
{
"icon_id": "6841623",
"name": "消费",
"font_class": "xiaofei2",
"unicode": "e78d",
"unicode_decimal": 59277
},
{
"icon_id": "6841624",
"name": "基本信息",
"font_class": "jibenxinxi",
"unicode": "e78e",
"unicode_decimal": 59278
},
{
"icon_id": "6841625",
"name": "营销活动管理",
"font_class": "yingxiaohuodongguanli",
"unicode": "e78f",
"unicode_decimal": 59279
},
{
"icon_id": "3934054", "icon_id": "3934054",
"name": "分隔符", "name": "分隔符",
"font_class": "fengefu", "font_class": "fengefu",
...@@ -1308,13 +1497,6 @@ ...@@ -1308,13 +1497,6 @@
"unicode_decimal": 59927 "unicode_decimal": 59927
}, },
{ {
"icon_id": "327811",
"name": "双向呼叫",
"font_class": "shuangxianghujiao",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "707983", "icon_id": "707983",
"name": "语音消息", "name": "语音消息",
"font_class": "yuyinxiaoxi", "font_class": "yuyinxiaoxi",
...@@ -1322,13 +1504,6 @@ ...@@ -1322,13 +1504,6 @@
"unicode_decimal": 58973 "unicode_decimal": 58973
}, },
{ {
"icon_id": "1510339",
"name": "短信",
"font_class": "duanxin",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "2741961", "icon_id": "2741961",
"name": "手机验证码", "name": "手机验证码",
"font_class": "shoujiyanzhengma", "font_class": "shoujiyanzhengma",
......
src/assets/iconfont/iconfont.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/iconfont/iconfont.svg deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/iconfont/新gic后台3.0/demo.css 0 → 100644
/* Logo 字体 */
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
src/assets/iconfont/新gic后台3.0/demo_index.html 0 → 100644
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3380872" 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">&#xe790;</span>
<div class="name">文本短信</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe694;</span>
<div class="name">安全保障</div>
<div class="code-name">&amp;#xe694;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec13;</span>
<div class="name">任务完成</div>
<div class="code-name">&amp;#xec13;</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">&#xec14;</span>
<div class="name">双向呼叫</div>
<div class="code-name">&amp;#xec14;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe848;</span>
<div class="name">warning-circle-fill</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fc;</span>
<div class="name">check</div>
<div class="code-name">&amp;#xe7fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xebcc;</span>
<div class="name">user-default</div>
<div class="code-name">&amp;#xebcc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec78;</span>
<div class="name">AI电话</div>
<div class="code-name">&amp;#xec78;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a7;</span>
<div class="name">系统通知</div>
<div class="code-name">&amp;#xe6a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec7b;</span>
<div class="name">生日尊享</div>
<div class="code-name">&amp;#xec7b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec7e;</span>
<div class="name">Plus</div>
<div class="code-name">&amp;#xec7e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec7f;</span>
<div class="name">edit</div>
<div class="code-name">&amp;#xec7f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec80;</span>
<div class="name">Delete</div>
<div class="code-name">&amp;#xec80;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec6e;</span>
<div class="name">暂无话术</div>
<div class="code-name">&amp;#xec6e;</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">&#xeca6;</span>
<div class="name">开启</div>
<div class="code-name">&amp;#xeca6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca7;</span>
<div class="name">暂停</div>
<div class="code-name">&amp;#xeca7;</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">&#xe6cf;</span>
<div class="name">音符静音</div>
<div class="code-name">&amp;#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca4;</span>
<div class="name">邀请</div>
<div class="code-name">&amp;#xeca4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xecab;</span>
<div class="name">开卡</div>
<div class="code-name">&amp;#xecab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeba8;</span>
<div class="name">查看详情</div>
<div class="code-name">&amp;#xeba8;</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">&#xec6f;</span>
<div class="name">活动邀约</div>
<div class="code-name">&amp;#xec6f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec70;</span>
<div class="name">企微好友</div>
<div class="code-name">&amp;#xec70;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec7a;</span>
<div class="name">其他场景</div>
<div class="code-name">&amp;#xec7a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70a;</span>
<div class="name">标签</div>
<div class="code-name">&amp;#xe70a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a3;</span>
<div class="name">等级-3</div>
<div class="code-name">&amp;#xe6a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a4;</span>
<div class="name">等级-6</div>
<div class="code-name">&amp;#xe6a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a2;</span>
<div class="name">等级-1</div>
<div class="code-name">&amp;#xe6a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a5;</span>
<div class="name">等级-5</div>
<div class="code-name">&amp;#xe6a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a6;</span>
<div class="name">等级-8</div>
<div class="code-name">&amp;#xe6a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe808;</span>
<div class="name">arrow-right</div>
<div class="code-name">&amp;#xe808;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67a;</span>
<div class="name">等级-10</div>
<div class="code-name">&amp;#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67b;</span>
<div class="name">等级-7</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">等级-9</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67d;</span>
<div class="name">等级-4</div>
<div class="code-name">&amp;#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67e;</span>
<div class="name">等级-2</div>
<div class="code-name">&amp;#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6a9;</span>
<div class="name">PlusOutlined</div>
<div class="code-name">&amp;#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6aa;</span>
<div class="name">reload-outlined</div>
<div class="code-name">&amp;#xe6aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec56;</span>
<div class="name">配置为空</div>
<div class="code-name">&amp;#xec56;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5a;</span>
<div class="name">基本信息</div>
<div class="code-name">&amp;#xec5a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5b;</span>
<div class="name">消费活动</div>
<div class="code-name">&amp;#xec5b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5c;</span>
<div class="name">营销活动</div>
<div class="code-name">&amp;#xec5c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5d;</span>
<div class="name">用户轨迹</div>
<div class="code-name">&amp;#xec5d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5e;</span>
<div class="name">导购标签</div>
<div class="code-name">&amp;#xec5e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec5f;</span>
<div class="name">其他标签</div>
<div class="code-name">&amp;#xec5f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec60;</span>
<div class="name">微盟标签</div>
<div class="code-name">&amp;#xec60;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec61;</span>
<div class="name">常用标签</div>
<div class="code-name">&amp;#xec61;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec62;</span>
<div class="name">渠道标签</div>
<div class="code-name">&amp;#xec62;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec67;</span>
<div class="name">客户分组</div>
<div class="code-name">&amp;#xec67;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec68;</span>
<div class="name">金字塔客户</div>
<div class="code-name">&amp;#xec68;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec75;</span>
<div class="name">营销活动标签</div>
<div class="code-name">&amp;#xec75;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec81;</span>
<div class="name">编辑</div>
<div class="code-name">&amp;#xec81;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec82;</span>
<div class="name">删除</div>
<div class="code-name">&amp;#xec82;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec97;</span>
<div class="name">more</div>
<div class="code-name">&amp;#xec97;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec98;</span>
<div class="name">更多</div>
<div class="code-name">&amp;#xec98;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec9a;</span>
<div class="name">拖拽排序</div>
<div class="code-name">&amp;#xec9a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec9b;</span>
<div class="name">复制</div>
<div class="code-name">&amp;#xec9b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca8;</span>
<div class="name">我的积分</div>
<div class="code-name">&amp;#xeca8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec9d;</span>
<div class="name">上升</div>
<div class="code-name">&amp;#xec9d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec9e;</span>
<div class="name">下降</div>
<div class="code-name">&amp;#xec9e;</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">&#xeca1;</span>
<div class="name">老店</div>
<div class="code-name">&amp;#xeca1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca2;</span>
<div class="name">新店</div>
<div class="code-name">&amp;#xeca2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeca3;</span>
<div class="name">异常</div>
<div class="code-name">&amp;#xeca3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb57;</span>
<div class="name">指标说明</div>
<div class="code-name">&amp;#xeb57;</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">&#xeb83;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xeb83;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe693;</span>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">&amp;#xe693;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1659408931949') format('woff2'),
url('iconfont.woff?t=1659408931949') format('woff'),
url('iconfont.ttf?t=1659408931949') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&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-wenbenmsg"></span>
<div class="name">
文本短信
</div>
<div class="code-name">.icon-wenbenmsg
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-anquanbaozhang"></span>
<div class="name">
安全保障
</div>
<div class="code-name">.icon-anquanbaozhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-renwuwancheng"></span>
<div class="name">
任务完成
</div>
<div class="code-name">.icon-renwuwancheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duanxinyzm"></span>
<div class="name">
短信验证码
</div>
<div class="code-name">.icon-duanxinyzm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shuangxianghujiao1"></span>
<div class="name">
双向呼叫
</div>
<div class="code-name">.icon-shuangxianghujiao1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-warning-circle-fill"></span>
<div class="name">
warning-circle-fill
</div>
<div class="code-name">.icon-warning-circle-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check"></span>
<div class="name">
check
</div>
<div class="code-name">.icon-check
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-user-default"></span>
<div class="name">
user-default
</div>
<div class="code-name">.icon-user-default
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-AIdianhua"></span>
<div class="name">
AI电话
</div>
<div class="code-name">.icon-AIdianhua
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xitongtongzhi"></span>
<div class="name">
系统通知
</div>
<div class="code-name">.icon-xitongtongzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shengrizunxiang"></span>
<div class="name">
生日尊享
</div>
<div class="code-name">.icon-shengrizunxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Plus"></span>
<div class="name">
Plus
</div>
<div class="code-name">.icon-Plus
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-edit"></span>
<div class="name">
edit
</div>
<div class="code-name">.icon-edit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Delete"></span>
<div class="name">
Delete
</div>
<div class="code-name">.icon-Delete
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zanwuhuashu"></span>
<div class="name">
暂无话术
</div>
<div class="code-name">.icon-zanwuhuashu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lianjie"></span>
<div class="name">
链接
</div>
<div class="code-name">.icon-lianjie
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaiqi"></span>
<div class="name">
开启
</div>
<div class="code-name">.icon-kaiqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zanting"></span>
<div class="name">
暂停
</div>
<div class="code-name">.icon-zanting
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinfu"></span>
<div class="name">
音符
</div>
<div class="code-name">.icon-yinfu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xingzhuangjiehe2x"></span>
<div class="name">
音符静音
</div>
<div class="code-name">.icon-xingzhuangjiehe2x
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yaoqing"></span>
<div class="name">
邀请
</div>
<div class="code-name">.icon-yaoqing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kaika"></span>
<div class="name">
开卡
</div>
<div class="code-name">.icon-kaika
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chakanxiangqing-copy"></span>
<div class="name">
查看详情
</div>
<div class="code-name">.icon-chakanxiangqing-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kehufugouguanli"></span>
<div class="name">
客户复购管理
</div>
<div class="code-name">.icon-kehufugouguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huodongyaoyue"></span>
<div class="name">
活动邀约
</div>
<div class="code-name">.icon-huodongyaoyue
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiweihaoyou"></span>
<div class="name">
企微好友
</div>
<div class="code-name">.icon-qiweihaoyou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qitachangjing"></span>
<div class="name">
其他场景
</div>
<div class="code-name">.icon-qitachangjing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqian"></span>
<div class="name">
标签
</div>
<div class="code-name">.icon-biaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-"></span>
<div class="name">
等级-3
</div>
<div class="code-name">.icon-dengji-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-1"></span>
<div class="name">
等级-6
</div>
<div class="code-name">.icon-dengji-1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-2"></span>
<div class="name">
等级-1
</div>
<div class="code-name">.icon-dengji-2
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-3"></span>
<div class="name">
等级-5
</div>
<div class="code-name">.icon-dengji-3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-4"></span>
<div class="name">
等级-8
</div>
<div class="code-name">.icon-dengji-4
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right1"></span>
<div class="name">
arrow-right
</div>
<div class="code-name">.icon-arrow-right1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-5"></span>
<div class="name">
等级-10
</div>
<div class="code-name">.icon-dengji-5
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-6"></span>
<div class="name">
等级-7
</div>
<div class="code-name">.icon-dengji-6
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-7"></span>
<div class="name">
等级-9
</div>
<div class="code-name">.icon-dengji-7
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-8"></span>
<div class="name">
等级-4
</div>
<div class="code-name">.icon-dengji-8
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dengji-9"></span>
<div class="name">
等级-2
</div>
<div class="code-name">.icon-dengji-9
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-PlusOutlined"></span>
<div class="name">
PlusOutlined
</div>
<div class="code-name">.icon-PlusOutlined
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reload-outlined"></span>
<div class="name">
reload-outlined
</div>
<div class="code-name">.icon-reload-outlined
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-peizhiweikong"></span>
<div class="name">
配置为空
</div>
<div class="code-name">.icon-peizhiweikong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jibenxinxi"></span>
<div class="name">
基本信息
</div>
<div class="code-name">.icon-jibenxinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaofeihuodong"></span>
<div class="name">
消费活动
</div>
<div class="code-name">.icon-xiaofeihuodong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yingxiaohuodong"></span>
<div class="name">
营销活动
</div>
<div class="code-name">.icon-yingxiaohuodong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yonghuguiji"></span>
<div class="name">
用户轨迹
</div>
<div class="code-name">.icon-yonghuguiji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daogoubiaoqian"></span>
<div class="name">
导购标签
</div>
<div class="code-name">.icon-daogoubiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qitabiaoqian"></span>
<div class="name">
其他标签
</div>
<div class="code-name">.icon-qitabiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weimengbiaoqian"></span>
<div class="name">
微盟标签
</div>
<div class="code-name">.icon-weimengbiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-changyongbiaoqian"></span>
<div class="name">
常用标签
</div>
<div class="code-name">.icon-changyongbiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qudaobiaoqian"></span>
<div class="name">
渠道标签
</div>
<div class="code-name">.icon-qudaobiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kehufenzu"></span>
<div class="name">
客户分组
</div>
<div class="code-name">.icon-kehufenzu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jinzitakehu"></span>
<div class="name">
金字塔客户
</div>
<div class="code-name">.icon-jinzitakehu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yingxiaohuodongbiaoqian"></span>
<div class="name">
营销活动标签
</div>
<div class="code-name">.icon-yingxiaohuodongbiaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bianji6"></span>
<div class="name">
编辑
</div>
<div class="code-name">.icon-bianji6
</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-more"></span>
<div class="name">
more
</div>
<div class="code-name">.icon-more
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo"></span>
<div class="name">
更多
</div>
<div class="code-name">.icon-gengduo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuozhuaipaixu"></span>
<div class="name">
拖拽排序
</div>
<div class="code-name">.icon-tuozhuaipaixu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuzhi"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-fuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wodejifen"></span>
<div class="name">
我的积分
</div>
<div class="code-name">.icon-wodejifen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangsheng"></span>
<div class="name">
上升
</div>
<div class="code-name">.icon-shangsheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiajiang"></span>
<div class="name">
下降
</div>
<div class="code-name">.icon-xiajiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mendian-data"></span>
<div class="name">
门店
</div>
<div class="code-name">.icon-mendian-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-laodian"></span>
<div class="name">
老店
</div>
<div class="code-name">.icon-laodian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xindian"></span>
<div class="name">
新店
</div>
<div class="code-name">.icon-xindian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yichang"></span>
<div class="name">
异常
</div>
<div class="code-name">.icon-yichang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhibiaoshuoming"></span>
<div class="name">
指标说明
</div>
<div class="code-name">.icon-zhibiaoshuoming
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangc"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-shangc
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QuestionCircleOutlined"></span>
<div class="name">
QuestionCircleOutlined
</div>
<div class="code-name">.icon-QuestionCircleOutlined
</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-wenbenmsg"></use>
</svg>
<div class="name">文本短信</div>
<div class="code-name">#icon-wenbenmsg</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-anquanbaozhang"></use>
</svg>
<div class="name">安全保障</div>
<div class="code-name">#icon-anquanbaozhang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-renwuwancheng"></use>
</svg>
<div class="name">任务完成</div>
<div class="code-name">#icon-renwuwancheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duanxinyzm"></use>
</svg>
<div class="name">短信验证码</div>
<div class="code-name">#icon-duanxinyzm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuangxianghujiao1"></use>
</svg>
<div class="name">双向呼叫</div>
<div class="code-name">#icon-shuangxianghujiao1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-warning-circle-fill"></use>
</svg>
<div class="name">warning-circle-fill</div>
<div class="code-name">#icon-warning-circle-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check"></use>
</svg>
<div class="name">check</div>
<div class="code-name">#icon-check</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-user-default"></use>
</svg>
<div class="name">user-default</div>
<div class="code-name">#icon-user-default</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-AIdianhua"></use>
</svg>
<div class="name">AI电话</div>
<div class="code-name">#icon-AIdianhua</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xitongtongzhi"></use>
</svg>
<div class="name">系统通知</div>
<div class="code-name">#icon-xitongtongzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shengrizunxiang"></use>
</svg>
<div class="name">生日尊享</div>
<div class="code-name">#icon-shengrizunxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Plus"></use>
</svg>
<div class="name">Plus</div>
<div class="code-name">#icon-Plus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="code-name">#icon-edit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Delete"></use>
</svg>
<div class="name">Delete</div>
<div class="code-name">#icon-Delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zanwuhuashu"></use>
</svg>
<div class="name">暂无话术</div>
<div class="code-name">#icon-zanwuhuashu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lianjie"></use>
</svg>
<div class="name">链接</div>
<div class="code-name">#icon-lianjie</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiqi"></use>
</svg>
<div class="name">开启</div>
<div class="code-name">#icon-kaiqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zanting"></use>
</svg>
<div class="name">暂停</div>
<div class="code-name">#icon-zanting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yinfu"></use>
</svg>
<div class="name">音符</div>
<div class="code-name">#icon-yinfu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xingzhuangjiehe2x"></use>
</svg>
<div class="name">音符静音</div>
<div class="code-name">#icon-xingzhuangjiehe2x</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yaoqing"></use>
</svg>
<div class="name">邀请</div>
<div class="code-name">#icon-yaoqing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaika"></use>
</svg>
<div class="name">开卡</div>
<div class="code-name">#icon-kaika</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chakanxiangqing-copy"></use>
</svg>
<div class="name">查看详情</div>
<div class="code-name">#icon-chakanxiangqing-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kehufugouguanli"></use>
</svg>
<div class="name">客户复购管理</div>
<div class="code-name">#icon-kehufugouguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huodongyaoyue"></use>
</svg>
<div class="name">活动邀约</div>
<div class="code-name">#icon-huodongyaoyue</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiweihaoyou"></use>
</svg>
<div class="name">企微好友</div>
<div class="code-name">#icon-qiweihaoyou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qitachangjing"></use>
</svg>
<div class="name">其他场景</div>
<div class="code-name">#icon-qitachangjing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-biaoqian"></use>
</svg>
<div class="name">标签</div>
<div class="code-name">#icon-biaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-"></use>
</svg>
<div class="name">等级-3</div>
<div class="code-name">#icon-dengji-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-1"></use>
</svg>
<div class="name">等级-6</div>
<div class="code-name">#icon-dengji-1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-2"></use>
</svg>
<div class="name">等级-1</div>
<div class="code-name">#icon-dengji-2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-3"></use>
</svg>
<div class="name">等级-5</div>
<div class="code-name">#icon-dengji-3</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-4"></use>
</svg>
<div class="name">等级-8</div>
<div class="code-name">#icon-dengji-4</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right1"></use>
</svg>
<div class="name">arrow-right</div>
<div class="code-name">#icon-arrow-right1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-5"></use>
</svg>
<div class="name">等级-10</div>
<div class="code-name">#icon-dengji-5</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-6"></use>
</svg>
<div class="name">等级-7</div>
<div class="code-name">#icon-dengji-6</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-7"></use>
</svg>
<div class="name">等级-9</div>
<div class="code-name">#icon-dengji-7</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-8"></use>
</svg>
<div class="name">等级-4</div>
<div class="code-name">#icon-dengji-8</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengji-9"></use>
</svg>
<div class="name">等级-2</div>
<div class="code-name">#icon-dengji-9</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-PlusOutlined"></use>
</svg>
<div class="name">PlusOutlined</div>
<div class="code-name">#icon-PlusOutlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reload-outlined"></use>
</svg>
<div class="name">reload-outlined</div>
<div class="code-name">#icon-reload-outlined</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-peizhiweikong"></use>
</svg>
<div class="name">配置为空</div>
<div class="code-name">#icon-peizhiweikong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jibenxinxi"></use>
</svg>
<div class="name">基本信息</div>
<div class="code-name">#icon-jibenxinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaofeihuodong"></use>
</svg>
<div class="name">消费活动</div>
<div class="code-name">#icon-xiaofeihuodong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingxiaohuodong"></use>
</svg>
<div class="name">营销活动</div>
<div class="code-name">#icon-yingxiaohuodong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yonghuguiji"></use>
</svg>
<div class="name">用户轨迹</div>
<div class="code-name">#icon-yonghuguiji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daogoubiaoqian"></use>
</svg>
<div class="name">导购标签</div>
<div class="code-name">#icon-daogoubiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qitabiaoqian"></use>
</svg>
<div class="name">其他标签</div>
<div class="code-name">#icon-qitabiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weimengbiaoqian"></use>
</svg>
<div class="name">微盟标签</div>
<div class="code-name">#icon-weimengbiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-changyongbiaoqian"></use>
</svg>
<div class="name">常用标签</div>
<div class="code-name">#icon-changyongbiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qudaobiaoqian"></use>
</svg>
<div class="name">渠道标签</div>
<div class="code-name">#icon-qudaobiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kehufenzu"></use>
</svg>
<div class="name">客户分组</div>
<div class="code-name">#icon-kehufenzu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jinzitakehu"></use>
</svg>
<div class="name">金字塔客户</div>
<div class="code-name">#icon-jinzitakehu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yingxiaohuodongbiaoqian"></use>
</svg>
<div class="name">营销活动标签</div>
<div class="code-name">#icon-yingxiaohuodongbiaoqian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianji6"></use>
</svg>
<div class="name">编辑</div>
<div class="code-name">#icon-bianji6</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-more"></use>
</svg>
<div class="name">more</div>
<div class="code-name">#icon-more</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo"></use>
</svg>
<div class="name">更多</div>
<div class="code-name">#icon-gengduo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuozhuaipaixu"></use>
</svg>
<div class="name">拖拽排序</div>
<div class="code-name">#icon-tuozhuaipaixu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzhi"></use>
</svg>
<div class="name">复制</div>
<div class="code-name">#icon-fuzhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wodejifen"></use>
</svg>
<div class="name">我的积分</div>
<div class="code-name">#icon-wodejifen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangsheng"></use>
</svg>
<div class="name">上升</div>
<div class="code-name">#icon-shangsheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiajiang"></use>
</svg>
<div class="name">下降</div>
<div class="code-name">#icon-xiajiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mendian-data"></use>
</svg>
<div class="name">门店</div>
<div class="code-name">#icon-mendian-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-laodian"></use>
</svg>
<div class="name">老店</div>
<div class="code-name">#icon-laodian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xindian"></use>
</svg>
<div class="name">新店</div>
<div class="code-name">#icon-xindian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yichang"></use>
</svg>
<div class="name">异常</div>
<div class="code-name">#icon-yichang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhibiaoshuoming"></use>
</svg>
<div class="name">指标说明</div>
<div class="code-name">#icon-zhibiaoshuoming</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangc"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-shangc</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-QuestionCircleOutlined"></use>
</svg>
<div class="name">QuestionCircleOutlined</div>
<div class="code-name">#icon-QuestionCircleOutlined</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>
src/assets/iconfont/新gic后台3.0/iconfont.css 0 → 100644
@font-face {
@font-face {
font-family: "iconfont"; /* Project id 3380872 */
src: url('iconfont.woff2?t=1659408931949') format('woff2'),
url('iconfont.woff?t=1659408931949') format('woff'),
url('iconfont.ttf?t=1659408931949') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-wenbenmsg:before {
content: "\e790";
}
.icon-anquanbaozhang:before {
content: "\e694";
}
.icon-renwuwancheng:before {
content: "\ec13";
}
.icon-duanxinyzm:before {
content: "\e777";
}
.icon-shuangxianghujiao1:before {
content: "\ec14";
}
.icon-warning-circle-fill:before {
content: "\e848";
}
.icon-check:before {
content: "\e7fc";
}
.icon-user-default:before {
content: "\ebcc";
}
.icon-AIdianhua:before {
content: "\ec78";
}
.icon-xitongtongzhi:before {
content: "\e6a7";
}
.icon-shengrizunxiang:before {
content: "\ec7b";
}
.icon-Plus:before {
content: "\ec7e";
}
.icon-edit:before {
content: "\ec7f";
}
.icon-Delete:before {
content: "\ec80";
}
.icon-zanwuhuashu:before {
content: "\ec6e";
}
.icon-lianjie:before {
content: "\e620";
}
.icon-kaiqi:before {
content: "\eca6";
}
.icon-zanting:before {
content: "\eca7";
}
.icon-yinfu:before {
content: "\e626";
}
.icon-xingzhuangjiehe2x:before {
content: "\e6cf";
}
.icon-yaoqing:before {
content: "\eca4";
}
.icon-kaika:before {
content: "\ecab";
}
.icon-chakanxiangqing-copy:before {
content: "\eba8";
}
.icon-kehufugouguanli:before {
content: "\e731";
}
.icon-huodongyaoyue:before {
content: "\ec6f";
}
.icon-qiweihaoyou:before {
content: "\ec70";
}
.icon-qitachangjing:before {
content: "\ec7a";
}
.icon-biaoqian:before {
content: "\e70a";
}
.icon-dengji-:before {
content: "\e6a3";
}
.icon-dengji-1:before {
content: "\e6a4";
}
.icon-dengji-2:before {
content: "\e6a2";
}
.icon-dengji-3:before {
content: "\e6a5";
}
.icon-dengji-4:before {
content: "\e6a6";
}
.icon-arrow-right1:before {
content: "\e808";
}
.icon-dengji-5:before {
content: "\e67a";
}
.icon-dengji-6:before {
content: "\e67b";
}
.icon-dengji-7:before {
content: "\e67c";
}
.icon-dengji-8:before {
content: "\e67d";
}
.icon-dengji-9:before {
content: "\e67e";
}
.icon-PlusOutlined:before {
content: "\e6a9";
}
.icon-reload-outlined:before {
content: "\e6aa";
}
.icon-peizhiweikong:before {
content: "\ec56";
}
.icon-jibenxinxi:before {
content: "\ec5a";
}
.icon-xiaofeihuodong:before {
content: "\ec5b";
}
.icon-yingxiaohuodong:before {
content: "\ec5c";
}
.icon-yonghuguiji:before {
content: "\ec5d";
}
.icon-daogoubiaoqian:before {
content: "\ec5e";
}
.icon-qitabiaoqian:before {
content: "\ec5f";
}
.icon-weimengbiaoqian:before {
content: "\ec60";
}
.icon-changyongbiaoqian:before {
content: "\ec61";
}
.icon-qudaobiaoqian:before {
content: "\ec62";
}
.icon-kehufenzu:before {
content: "\ec67";
}
.icon-jinzitakehu:before {
content: "\ec68";
}
.icon-yingxiaohuodongbiaoqian:before {
content: "\ec75";
}
.icon-bianji6:before {
content: "\ec81";
}
.icon-delete:before {
content: "\ec82";
}
.icon-more:before {
content: "\ec97";
}
.icon-gengduo:before {
content: "\ec98";
}
.icon-tuozhuaipaixu:before {
content: "\ec9a";
}
.icon-fuzhi:before {
content: "\ec9b";
}
.icon-wodejifen:before {
content: "\eca8";
}
.icon-shangsheng:before {
content: "\ec9d";
}
.icon-xiajiang:before {
content: "\ec9e";
}
.icon-mendian-data:before {
content: "\eca0";
}
.icon-laodian:before {
content: "\eca1";
}
.icon-xindian:before {
content: "\eca2";
}
.icon-yichang:before {
content: "\eca3";
}
.icon-zhibiaoshuoming:before {
content: "\eb57";
}
.icon-shangc:before {
content: "\e6ac";
}
.icon-xiazai:before {
content: "\eb83";
}
.icon-QuestionCircleOutlined:before {
content: "\e693";
}
src/assets/iconfont/新gic后台3.0/iconfont.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/iconfont/新gic后台3.0/iconfont.json 0 → 100644
{
{
"id": "3380872",
"name": "3.0新版商户后台",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "20838692",
"name": "文本短信",
"font_class": "wenbenmsg",
"unicode": "e790",
"unicode_decimal": 59280
},
{
"icon_id": "3216604",
"name": "安全保障",
"font_class": "anquanbaozhang",
"unicode": "e694",
"unicode_decimal": 59028
},
{
"icon_id": "26304073",
"name": "任务完成",
"font_class": "renwuwancheng",
"unicode": "ec13",
"unicode_decimal": 60435
},
{
"icon_id": "9895062",
"name": "短信验证码",
"font_class": "duanxinyzm",
"unicode": "e777",
"unicode_decimal": 59255
},
{
"icon_id": "26313884",
"name": "双向呼叫",
"font_class": "shuangxianghujiao1",
"unicode": "ec14",
"unicode_decimal": 60436
},
{
"icon_id": "4936511",
"name": "warning-circle-fill",
"font_class": "warning-circle-fill",
"unicode": "e848",
"unicode_decimal": 59464
},
{
"icon_id": "4767093",
"name": "check",
"font_class": "check",
"unicode": "e7fc",
"unicode_decimal": 59388
},
{
"icon_id": "24838426",
"name": "user-default",
"font_class": "user-default",
"unicode": "ebcc",
"unicode_decimal": 60364
},
{
"icon_id": "28249276",
"name": "AI电话",
"font_class": "AIdianhua",
"unicode": "ec78",
"unicode_decimal": 60536
},
{
"icon_id": "14486155",
"name": "系统通知",
"font_class": "xitongtongzhi",
"unicode": "e6a7",
"unicode_decimal": 59047
},
{
"icon_id": "28303567",
"name": "生日尊享",
"font_class": "shengrizunxiang",
"unicode": "ec7b",
"unicode_decimal": 60539
},
{
"icon_id": "28334583",
"name": "Plus",
"font_class": "Plus",
"unicode": "ec7e",
"unicode_decimal": 60542
},
{
"icon_id": "28334603",
"name": "edit",
"font_class": "edit",
"unicode": "ec7f",
"unicode_decimal": 60543
},
{
"icon_id": "28334611",
"name": "Delete",
"font_class": "Delete",
"unicode": "ec80",
"unicode_decimal": 60544
},
{
"icon_id": "28092858",
"name": "暂无话术",
"font_class": "zanwuhuashu",
"unicode": "ec6e",
"unicode_decimal": 60526
},
{
"icon_id": "8473893",
"name": "链接",
"font_class": "lianjie",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "29731047",
"name": "开启",
"font_class": "kaiqi",
"unicode": "eca6",
"unicode_decimal": 60582
},
{
"icon_id": "29731088",
"name": "暂停",
"font_class": "zanting",
"unicode": "eca7",
"unicode_decimal": 60583
},
{
"icon_id": "12189924",
"name": "音符",
"font_class": "yinfu",
"unicode": "e626",
"unicode_decimal": 58918
},
{
"icon_id": "19021969",
"name": "音符静音",
"font_class": "xingzhuangjiehe2x",
"unicode": "e6cf",
"unicode_decimal": 59087
},
{
"icon_id": "29631552",
"name": "邀请",
"font_class": "yaoqing",
"unicode": "eca4",
"unicode_decimal": 60580
},
{
"icon_id": "30684835",
"name": "开卡",
"font_class": "kaika",
"unicode": "ecab",
"unicode_decimal": 60587
},
{
"icon_id": "26072953",
"name": "查看详情",
"font_class": "chakanxiangqing-copy",
"unicode": "eba8",
"unicode_decimal": 60328
},
{
"icon_id": "28093755",
"name": "客户复购管理",
"font_class": "kehufugouguanli",
"unicode": "e731",
"unicode_decimal": 59185
},
{
"icon_id": "28100149",
"name": "活动邀约",
"font_class": "huodongyaoyue",
"unicode": "ec6f",
"unicode_decimal": 60527
},
{
"icon_id": "28100179",
"name": "企微好友",
"font_class": "qiweihaoyou",
"unicode": "ec70",
"unicode_decimal": 60528
},
{
"icon_id": "28303563",
"name": "其他场景",
"font_class": "qitachangjing",
"unicode": "ec7a",
"unicode_decimal": 60538
},
{
"icon_id": "4214669",
"name": "标签",
"font_class": "biaoqian",
"unicode": "e70a",
"unicode_decimal": 59146
},
{
"icon_id": "7128865",
"name": "等级-3",
"font_class": "dengji-",
"unicode": "e6a3",
"unicode_decimal": 59043
},
{
"icon_id": "7128866",
"name": "等级-6",
"font_class": "dengji-1",
"unicode": "e6a4",
"unicode_decimal": 59044
},
{
"icon_id": "7128868",
"name": "等级-1",
"font_class": "dengji-2",
"unicode": "e6a2",
"unicode_decimal": 59042
},
{
"icon_id": "7128870",
"name": "等级-5",
"font_class": "dengji-3",
"unicode": "e6a5",
"unicode_decimal": 59045
},
{
"icon_id": "7128874",
"name": "等级-8",
"font_class": "dengji-4",
"unicode": "e6a6",
"unicode_decimal": 59046
},
{
"icon_id": "8376401",
"name": "arrow-right",
"font_class": "arrow-right1",
"unicode": "e808",
"unicode_decimal": 59400
},
{
"icon_id": "9829436",
"name": "等级-10",
"font_class": "dengji-5",
"unicode": "e67a",
"unicode_decimal": 59002
},
{
"icon_id": "9829439",
"name": "等级-7",
"font_class": "dengji-6",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "9829440",
"name": "等级-9",
"font_class": "dengji-7",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "9829441",
"name": "等级-4",
"font_class": "dengji-8",
"unicode": "e67d",
"unicode_decimal": 59005
},
{
"icon_id": "9829444",
"name": "等级-2",
"font_class": "dengji-9",
"unicode": "e67e",
"unicode_decimal": 59006
},
{
"icon_id": "20415179",
"name": "PlusOutlined",
"font_class": "PlusOutlined",
"unicode": "e6a9",
"unicode_decimal": 59049
},
{
"icon_id": "27701065",
"name": "reload-outlined",
"font_class": "reload-outlined",
"unicode": "e6aa",
"unicode_decimal": 59050
},
{
"icon_id": "27876718",
"name": "配置为空",
"font_class": "peizhiweikong",
"unicode": "ec56",
"unicode_decimal": 60502
},
{
"icon_id": "27917147",
"name": "基本信息",
"font_class": "jibenxinxi",
"unicode": "ec5a",
"unicode_decimal": 60506
},
{
"icon_id": "27917151",
"name": "消费活动",
"font_class": "xiaofeihuodong",
"unicode": "ec5b",
"unicode_decimal": 60507
},
{
"icon_id": "27917161",
"name": "营销活动",
"font_class": "yingxiaohuodong",
"unicode": "ec5c",
"unicode_decimal": 60508
},
{
"icon_id": "27917183",
"name": "用户轨迹",
"font_class": "yonghuguiji",
"unicode": "ec5d",
"unicode_decimal": 60509
},
{
"icon_id": "27938677",
"name": "导购标签",
"font_class": "daogoubiaoqian",
"unicode": "ec5e",
"unicode_decimal": 60510
},
{
"icon_id": "27938684",
"name": "其他标签",
"font_class": "qitabiaoqian",
"unicode": "ec5f",
"unicode_decimal": 60511
},
{
"icon_id": "27938706",
"name": "微盟标签",
"font_class": "weimengbiaoqian",
"unicode": "ec60",
"unicode_decimal": 60512
},
{
"icon_id": "27938804",
"name": "常用标签",
"font_class": "changyongbiaoqian",
"unicode": "ec61",
"unicode_decimal": 60513
},
{
"icon_id": "27949746",
"name": "渠道标签",
"font_class": "qudaobiaoqian",
"unicode": "ec62",
"unicode_decimal": 60514
},
{
"icon_id": "28019654",
"name": "客户分组",
"font_class": "kehufenzu",
"unicode": "ec67",
"unicode_decimal": 60519
},
{
"icon_id": "28036461",
"name": "金字塔客户",
"font_class": "jinzitakehu",
"unicode": "ec68",
"unicode_decimal": 60520
},
{
"icon_id": "28168680",
"name": "营销活动标签",
"font_class": "yingxiaohuodongbiaoqian",
"unicode": "ec75",
"unicode_decimal": 60533
},
{
"icon_id": "28506829",
"name": "编辑",
"font_class": "bianji6",
"unicode": "ec81",
"unicode_decimal": 60545
},
{
"icon_id": "28506833",
"name": "删除",
"font_class": "delete",
"unicode": "ec82",
"unicode_decimal": 60546
},
{
"icon_id": "28687110",
"name": "more",
"font_class": "more",
"unicode": "ec97",
"unicode_decimal": 60567
},
{
"icon_id": "28687124",
"name": "更多",
"font_class": "gengduo",
"unicode": "ec98",
"unicode_decimal": 60568
},
{
"icon_id": "28687760",
"name": "拖拽排序",
"font_class": "tuozhuaipaixu",
"unicode": "ec9a",
"unicode_decimal": 60570
},
{
"icon_id": "28692533",
"name": "复制",
"font_class": "fuzhi",
"unicode": "ec9b",
"unicode_decimal": 60571
},
{
"icon_id": "29758386",
"name": "我的积分",
"font_class": "wodejifen",
"unicode": "eca8",
"unicode_decimal": 60584
},
{
"icon_id": "29287434",
"name": "上升",
"font_class": "shangsheng",
"unicode": "ec9d",
"unicode_decimal": 60573
},
{
"icon_id": "29287438",
"name": "下降",
"font_class": "xiajiang",
"unicode": "ec9e",
"unicode_decimal": 60574
},
{
"icon_id": "29498278",
"name": "门店",
"font_class": "mendian-data",
"unicode": "eca0",
"unicode_decimal": 60576
},
{
"icon_id": "29498281",
"name": "老店",
"font_class": "laodian",
"unicode": "eca1",
"unicode_decimal": 60577
},
{
"icon_id": "29498288",
"name": "新店",
"font_class": "xindian",
"unicode": "eca2",
"unicode_decimal": 60578
},
{
"icon_id": "29498291",
"name": "异常",
"font_class": "yichang",
"unicode": "eca3",
"unicode_decimal": 60579
},
{
"icon_id": "18049658",
"name": "指标说明",
"font_class": "zhibiaoshuoming",
"unicode": "eb57",
"unicode_decimal": 60247
},
{
"icon_id": "7501395",
"name": "上传",
"font_class": "shangc",
"unicode": "e6ac",
"unicode_decimal": 59052
},
{
"icon_id": "19954052",
"name": "下载",
"font_class": "xiazai",
"unicode": "eb83",
"unicode_decimal": 60291
},
{
"icon_id": "20893446",
"name": "QuestionCircleOutlined",
"font_class": "QuestionCircleOutlined",
"unicode": "e693",
"unicode_decimal": 59027
}
]
}
src/main.js
...@@ -7,6 +7,7 @@ import directives from './directives'; ...@@ -7,6 +7,7 @@ import directives from './directives';
import limit from '@/utils/limiting'; import limit from '@/utils/limiting';
import scrollToError from '@/assets/common.js'; import scrollToError from '@/assets/common.js';
import '@/utils/sticky.js'; import '@/utils/sticky.js';
Vue.config.productionTip = false; Vue.config.productionTip = false;
if (process.env.NODE_ENV == 'development') { // eslint-disable-line if (process.env.NODE_ENV == 'development') { // eslint-disable-line
......
src/views/ai/task/task.vue
...@@ -535,7 +535,7 @@ export default { ...@@ -535,7 +535,7 @@ export default {
}); });
} else if (row.activityPlanStatus === 6) { } else if (row.activityPlanStatus === 6) {
if (this.money > row.fee || this.isWhite) { if (this.money > row.fee || this.isWhite) {
this.$confirm(`本次外呼预计营销人数${row.peopleCount}人费用预计需要消费${row.fee}元，是否继续启动？`, '提示', { this.$confirm(`本次外呼预计营销人数${row.peopleCount}人，费用预计需要消费${row.fee.toLocaleString()}元，是否继续启动？`, '提示', {
confirmButtonText: '启动', confirmButtonText: '启动',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
...@@ -550,14 +550,30 @@ export default { ...@@ -550,14 +550,30 @@ export default {
this.loading = false; this.loading = false;
}); });
}); });
} else { } else if (this.money <= 0) {
this.$confirm(`任务外呼预计消费${row.fee}，当前余额${this.money.toLocaleString()}，请前往充值中心充值。`, '提示', { this.$confirm(`本次外呼预计营销人数${row.peopleCount}人，费用预计需要消费${row.fee.toLocaleString()}元，当前余额不足，请充值。`, '提示', {
confirmButtonText: '充值', confirmButtonText: '充值',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(_ => { }).then(_ => {
this.recharge(); this.recharge();
}); });
} else {
this.$confirm(`本次外呼预计营销人数${row.peopleCount}人，费用预计需要消费${row.fee.toLocaleString()}元，是否继续启动？`, '提示', {
confirmButtonText: '启动',
cancelButtonText: '取消',
type: 'warning'
}).then(_ => {
this.loading = true;
continueActivityPlan({ planId: row.planId })
.then(res => {
this.$message.success('操作成功');
this.getTableData();
})
.finally(_ => {
this.loading = false;
});
});
} }
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment