|
@@ -54,6 +54,84 @@
|
|
|
<div class="content unicode" style="display: block;">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">客户资料</div>
|
|
|
+ <div class="code-name">&#xe607;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">签证</div>
|
|
|
+ <div class="code-name">&#xe659;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">机票</div>
|
|
|
+ <div class="code-name">&#xe665;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">酒店</div>
|
|
|
+ <div class="code-name">&#xe687;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">经理人_o</div>
|
|
|
+ <div class="code-name">&#xebc4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">公共</div>
|
|
|
+ <div class="code-name">&#xe61d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">权限</div>
|
|
|
+ <div class="code-name">&#xe60c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">统计</div>
|
|
|
+ <div class="code-name">&#xe64d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">供货商邀请</div>
|
|
|
+ <div class="code-name">&#xe660;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">gpt</div>
|
|
|
+ <div class="code-name">&#xe68b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">人事管理</div>
|
|
|
+ <div class="code-name">&#xe62c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">地接</div>
|
|
|
+ <div class="code-name">&#xe636;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">设置</div>
|
|
|
+ <div class="code-name">&#xe601;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">现场管控</div>
|
|
@@ -168,9 +246,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1679044803754') format('woff2'),
|
|
|
- url('iconfont.woff?t=1679044803754') format('woff'),
|
|
|
- url('iconfont.ttf?t=1679044803754') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1710382466980') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1710382466980') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1710382466980') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -196,6 +274,123 @@
|
|
|
<div class="content font-class">
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kehuziliao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 客户资料
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kehuziliao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-qianzheng"></span>
|
|
|
+ <div class="name">
|
|
|
+ 签证
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-qianzheng
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jipiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 机票
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jipiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jiudian"></span>
|
|
|
+ <div class="name">
|
|
|
+ 酒店
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jiudian
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jingliren_o"></span>
|
|
|
+ <div class="name">
|
|
|
+ 经理人_o
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jingliren_o
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gonggong"></span>
|
|
|
+ <div class="name">
|
|
|
+ 公共
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gonggong
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-quanxian"></span>
|
|
|
+ <div class="name">
|
|
|
+ 权限
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-quanxian
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tongji"></span>
|
|
|
+ <div class="name">
|
|
|
+ 统计
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tongji
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gonghuoshangyaoqing"></span>
|
|
|
+ <div class="name">
|
|
|
+ 供货商邀请
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gonghuoshangyaoqing
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gpt"></span>
|
|
|
+ <div class="name">
|
|
|
+ gpt
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gpt
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-renshiguanli"></span>
|
|
|
+ <div class="name">
|
|
|
+ 人事管理
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-renshiguanli
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dijie1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 地接
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dijie1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shezhi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 设置
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shezhi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont icon-xianchangguankong"></span>
|
|
|
<div class="name">
|
|
@@ -367,6 +562,110 @@
|
|
|
<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-kehuziliao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">客户资料</div>
|
|
|
+ <div class="code-name">#icon-kehuziliao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-qianzheng"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">签证</div>
|
|
|
+ <div class="code-name">#icon-qianzheng</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jipiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">机票</div>
|
|
|
+ <div class="code-name">#icon-jipiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jiudian"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">酒店</div>
|
|
|
+ <div class="code-name">#icon-jiudian</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jingliren_o"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">经理人_o</div>
|
|
|
+ <div class="code-name">#icon-jingliren_o</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gonggong"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">公共</div>
|
|
|
+ <div class="code-name">#icon-gonggong</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-quanxian"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">权限</div>
|
|
|
+ <div class="code-name">#icon-quanxian</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tongji"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">统计</div>
|
|
|
+ <div class="code-name">#icon-tongji</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gonghuoshangyaoqing"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">供货商邀请</div>
|
|
|
+ <div class="code-name">#icon-gonghuoshangyaoqing</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gpt"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">gpt</div>
|
|
|
+ <div class="code-name">#icon-gpt</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-renshiguanli"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">人事管理</div>
|
|
|
+ <div class="code-name">#icon-renshiguanli</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dijie1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">地接</div>
|
|
|
+ <div class="code-name">#icon-dijie1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shezhi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">设置</div>
|
|
|
+ <div class="code-name">#icon-shezhi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-xianchangguankong"></use>
|