|
@@ -0,0 +1,4144 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8"/>
|
|
|
+ <title>iconfont Demo</title>
|
|
|
+ <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
|
|
|
+ <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
|
|
|
+ <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
|
+ <link rel="stylesheet" href="demo.css">
|
|
|
+ <link rel="stylesheet" href="iconfont.css">
|
|
|
+ <script src="iconfont.js"></script>
|
|
|
+ <!-- jQuery -->
|
|
|
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
|
|
|
+ <!-- 代码高亮 -->
|
|
|
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
|
|
|
+ <style>
|
|
|
+ .main .logo {
|
|
|
+ margin-top: 0;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .logo a {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .logo .sub-title {
|
|
|
+ margin-left: 0.5em;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #fff;
|
|
|
+ background: linear-gradient(-45deg, #3967FF, #B500FE);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="main">
|
|
|
+ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
|
|
+ <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
|
|
+
|
|
|
+ </a></h1>
|
|
|
+ <div class="nav-tabs">
|
|
|
+ <ul id="tabs" class="dib-box">
|
|
|
+ <li class="dib active"><span>Unicode</span></li>
|
|
|
+ <li class="dib"><span>Font class</span></li>
|
|
|
+ <li class="dib"><span>Symbol</span></li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=687854" target="_blank" class="nav-more">查看项目</a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="tab-container">
|
|
|
+ <div class="content unicode" style="display: block;">
|
|
|
+ <ul class="icon_lists dib-box">
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">workSpace</div>
|
|
|
+ <div class="code-name">&#xe709;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">workSpace-1</div>
|
|
|
+ <div class="code-name">&#xe708;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">清除</div>
|
|
|
+ <div class="code-name">&#xe61e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">更新</div>
|
|
|
+ <div class="code-name">&#xe65f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">分享</div>
|
|
|
+ <div class="code-name">&#xe705;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">人</div>
|
|
|
+ <div class="code-name">&#xe706;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">canbiao</div>
|
|
|
+ <div class="code-name">&#xe703;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">216更多-竖向</div>
|
|
|
+ <div class="code-name">&#xe8c4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">245差评-线性</div>
|
|
|
+ <div class="code-name">&#xe7d5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">点赞</div>
|
|
|
+ <div class="code-name">&#xec7f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">撤回</div>
|
|
|
+ <div class="code-name">&#xe610;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">复制</div>
|
|
|
+ <div class="code-name">&#xec7a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">YDUI-感叹号(实心)</div>
|
|
|
+ <div class="code-name">&#xe6c9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">不满意</div>
|
|
|
+ <div class="code-name">&#xe6da;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">满意</div>
|
|
|
+ <div class="code-name">&#xe6db;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">很满意</div>
|
|
|
+ <div class="code-name">&#xe6dc;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">很不满意</div>
|
|
|
+ <div class="code-name">&#xe6dd;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">一般-灰</div>
|
|
|
+ <div class="code-name">&#xe6e3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">不满意-彩</div>
|
|
|
+ <div class="code-name">&#xe6e4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">一般-彩</div>
|
|
|
+ <div class="code-name">&#xe6e5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">满意-彩</div>
|
|
|
+ <div class="code-name">&#xe6e6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">很满意-彩</div>
|
|
|
+ <div class="code-name">&#xe6e7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">很不满意-彩</div>
|
|
|
+ <div class="code-name">&#xe6e8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">nav_un_book</div>
|
|
|
+ <div class="code-name">&#xe6de;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">nav_un_home</div>
|
|
|
+ <div class="code-name">&#xe6df;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">nav_un_box</div>
|
|
|
+ <div class="code-name">&#xe6e0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">nav_un_message</div>
|
|
|
+ <div class="code-name">&#xe6e1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">nav_un_mine</div>
|
|
|
+ <div class="code-name">&#xe6e2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">save</div>
|
|
|
+ <div class="code-name">&#xe6d9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">周报</div>
|
|
|
+ <div class="code-name">&#xe6c7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">月报</div>
|
|
|
+ <div class="code-name">&#xe6c8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">填写</div>
|
|
|
+ <div class="code-name">&#xe6c6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">add-01</div>
|
|
|
+ <div class="code-name">&#xe6c4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">减号</div>
|
|
|
+ <div class="code-name">&#xe6c5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">zhongbiaoyuce</div>
|
|
|
+ <div class="code-name">&#xe6c3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenku_word</div>
|
|
|
+ <div class="code-name">&#xe6c0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenku_pdf</div>
|
|
|
+ <div class="code-name">&#xe6c1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenku_ppt</div>
|
|
|
+ <div class="code-name">&#xe6c2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenku_excel</div>
|
|
|
+ <div class="code-name">&#xe6ad;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">切换</div>
|
|
|
+ <div class="code-name">&#xe6ac;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">文件夹</div>
|
|
|
+ <div class="code-name">&#xe6be;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">套餐</div>
|
|
|
+ <div class="code-name">&#xe6bf;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">签名</div>
|
|
|
+ <div class="code-name">&#xe6bd;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">xiangji</div>
|
|
|
+ <div class="code-name">&#xe6bc;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">撤回</div>
|
|
|
+ <div class="code-name">&#xe6bb;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenjian_PDF</div>
|
|
|
+ <div class="code-name">&#xe6b7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenjian_pdf_1</div>
|
|
|
+ <div class="code-name">&#xe6b6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenjian_无法识别</div>
|
|
|
+ <div class="code-name">&#xe6b8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenjian_wrod</div>
|
|
|
+ <div class="code-name">&#xe6b9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wenjian_xlsx</div>
|
|
|
+ <div class="code-name">&#xe6ba;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">文件</div>
|
|
|
+ <div class="code-name">&#xe6b5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">开&关_off</div>
|
|
|
+ <div class="code-name">&#xe6b3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">开&关_on</div>
|
|
|
+ <div class="code-name">&#xe6b4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kecheng_download</div>
|
|
|
+ <div class="code-name">&#xe6b2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kecheng_shipin-01</div>
|
|
|
+ <div class="code-name">&#xe6b1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kecheng_shipin-02</div>
|
|
|
+ <div class="code-name">&#xe6ae;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kecheng_fangda</div>
|
|
|
+ <div class="code-name">&#xe6af;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">kecheng_shuaxin</div>
|
|
|
+ <div class="code-name">&#xe6b0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">数据导出_小</div>
|
|
|
+ <div class="code-name">&#xe6ab;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">下载项目报告</div>
|
|
|
+ <div class="code-name">&#xe6aa;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">edit</div>
|
|
|
+ <div class="code-name">&#xe6a8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">part</div>
|
|
|
+ <div class="code-name">&#xe6a9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">位置</div>
|
|
|
+ <div class="code-name">&#xe6a1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">信息类型</div>
|
|
|
+ <div class="code-name">&#xe6a2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">默认签名</div>
|
|
|
+ <div class="code-name">&#xe6a3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关键词</div>
|
|
|
+ <div class="code-name">&#xe6a4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">项目匹配_02</div>
|
|
|
+ <div class="code-name">&#xe6a5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关键词匹配方式</div>
|
|
|
+ <div class="code-name">&#xe6a6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我的产品</div>
|
|
|
+ <div class="code-name">&#xe6a7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">pullEg</div>
|
|
|
+ <div class="code-name">&#xe6a0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">time</div>
|
|
|
+ <div class="code-name">&#xe69f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">byEmail</div>
|
|
|
+ <div class="code-name">&#xe69d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">bell</div>
|
|
|
+ <div class="code-name">&#xe69e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_coupon</div>
|
|
|
+ <div class="code-name">&#xe69c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">min_case</div>
|
|
|
+ <div class="code-name">&#xe68f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_export</div>
|
|
|
+ <div class="code-name">&#xe690;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_opinion</div>
|
|
|
+ <div class="code-name">&#xe691;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_qiyechaxun</div>
|
|
|
+ <div class="code-name">&#xe692;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_shoucang</div>
|
|
|
+ <div class="code-name">&#xe693;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_share</div>
|
|
|
+ <div class="code-name">&#xe694;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_vip</div>
|
|
|
+ <div class="code-name">&#xe695;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_company</div>
|
|
|
+ <div class="code-name">&#xe696;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_help</div>
|
|
|
+ <div class="code-name">&#xe697;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_jianyubi</div>
|
|
|
+ <div class="code-name">&#xe698;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_伙伴计划</div>
|
|
|
+ <div class="code-name">&#xe699;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_about</div>
|
|
|
+ <div class="code-name">&#xe69a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_subscription</div>
|
|
|
+ <div class="code-name">&#xe69b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">mine_人工客服</div>
|
|
|
+ <div class="code-name">&#xe68e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">dingdan_已完成</div>
|
|
|
+ <div class="code-name">&#xe68a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">dingdan_已取消</div>
|
|
|
+ <div class="code-name">&#xe68b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">dingdan_待付款</div>
|
|
|
+ <div class="code-name">&#xe68c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">dingdan_全部订单</div>
|
|
|
+ <div class="code-name">&#xe68d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">warning</div>
|
|
|
+ <div class="code-name">&#xe686;</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">dataDelete</div>
|
|
|
+ <div class="code-name">&#xe688;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">投诉举报</div>
|
|
|
+ <div class="code-name">&#xe689;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">收藏_未收藏</div>
|
|
|
+ <div class="code-name">&#xe685;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">收藏</div>
|
|
|
+ <div class="code-name">&#xe684;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">深入了解</div>
|
|
|
+ <div class="code-name">&#xe683;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">close</div>
|
|
|
+ <div class="code-name">&#xe680;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">close_heidi</div>
|
|
|
+ <div class="code-name">&#xe682;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">close_透明</div>
|
|
|
+ <div class="code-name">&#xe681;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关注_已关注</div>
|
|
|
+ <div class="code-name">&#xe67d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关注_加关注</div>
|
|
|
+ <div class="code-name">&#xe67e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关注_未关注</div>
|
|
|
+ <div class="code-name">&#xe67f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">收起</div>
|
|
|
+ <div class="code-name">&#xe67a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">右边</div>
|
|
|
+ <div class="code-name">&#xe67b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">展开</div>
|
|
|
+ <div class="code-name">&#xe67c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">绿</div>
|
|
|
+ <div class="code-name">&#xe679;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">banxuan</div>
|
|
|
+ <div class="code-name">&#xe678;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">choose</div>
|
|
|
+ <div class="code-name">&#xe676;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">unchoose</div>
|
|
|
+ <div class="code-name">&#xe677;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">up</div>
|
|
|
+ <div class="code-name">&#xe674;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">down</div>
|
|
|
+ <div class="code-name">&#xe675;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">renling_未认领</div>
|
|
|
+ <div class="code-name">&#xe673;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">renling_已认领</div>
|
|
|
+ <div class="code-name">&#xe672;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">date_gray</div>
|
|
|
+ <div class="code-name">&#xe66f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">help</div>
|
|
|
+ <div class="code-name">&#xe671;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">search</div>
|
|
|
+ <div class="code-name">&#xe66e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">数据导出_小</div>
|
|
|
+ <div class="code-name">&#xe66d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">notice</div>
|
|
|
+ <div class="code-name">&#xe664;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">share</div>
|
|
|
+ <div class="code-name">&#xe667;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">Setting</div>
|
|
|
+ <div class="code-name">&#xe66c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">back</div>
|
|
|
+ <div class="code-name">&#xe663;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">收藏</div>
|
|
|
+ <div class="code-name">&#xe607;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">搜索</div>
|
|
|
+ <div class="code-name">&#xe60d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我</div>
|
|
|
+ <div class="code-name">&#xe614;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">微信</div>
|
|
|
+ <div class="code-name">&#xe616;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我-设置</div>
|
|
|
+ <div class="code-name">&#xe617;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">实验室</div>
|
|
|
+ <div class="code-name">&#xe643;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我-通知</div>
|
|
|
+ <div class="code-name">&#xe648;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">qq</div>
|
|
|
+ <div class="code-name">&#xe64a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我-我关注的企业</div>
|
|
|
+ <div class="code-name">&#xe64b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">我-我关注的项目</div>
|
|
|
+ <div class="code-name">&#xe64c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">睁眼</div>
|
|
|
+ <div class="code-name">&#xe64d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">闭眼</div>
|
|
|
+ <div class="code-name">&#xe64e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">朋友圈</div>
|
|
|
+ <div class="code-name">&#xe64f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">weixin</div>
|
|
|
+ <div class="code-name">&#xe651;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">对号</div>
|
|
|
+ <div class="code-name">&#xe666;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">delete_gray</div>
|
|
|
+ <div class="code-name">&#xe669;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">审核中</div>
|
|
|
+ <div class="code-name">&#xe66a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">公对公转账</div>
|
|
|
+ <div class="code-name">&#xe66b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">角标</div>
|
|
|
+ <div class="code-name">&#xe670;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">数据导出</div>
|
|
|
+ <div class="code-name">&#xe662;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">支付订单</div>
|
|
|
+ <div class="code-name">&#xe660;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">支付宝支付</div>
|
|
|
+ <div class="code-name">&#xe645;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">微信支付</div>
|
|
|
+ <div class="code-name">&#xe646;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">添加</div>
|
|
|
+ <div class="code-name">&#xe647;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">推荐角标</div>
|
|
|
+ <div class="code-name">&#xe641;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">guanyu</div>
|
|
|
+ <div class="code-name">&#xe601;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">rili</div>
|
|
|
+ <div class="code-name">&#xe603;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">huangguan</div>
|
|
|
+ <div class="code-name">&#xe604;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">lishidaochu</div>
|
|
|
+ <div class="code-name">&#xe605;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">shaixuan</div>
|
|
|
+ <div class="code-name">&#xe606;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">shezhi</div>
|
|
|
+ <div class="code-name">&#xe608;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">tianjia</div>
|
|
|
+ <div class="code-name">&#xe609;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">xiugai</div>
|
|
|
+ <div class="code-name">&#xe60e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">wodedingdan</div>
|
|
|
+ <div class="code-name">&#xe60f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">xuanzhongjiao</div>
|
|
|
+ <div class="code-name">&#xe611;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">zhifuwancheng</div>
|
|
|
+ <div class="code-name">&#xe612;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关于剑鱼-反馈</div>
|
|
|
+ <div class="code-name">&#xe61b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">关于剑鱼-帮助</div>
|
|
|
+ <div class="code-name">&#xe61c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">朋友圈</div>
|
|
|
+ <div class="code-name">&#xe623;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">筛选-默认</div>
|
|
|
+ <div class="code-name">&#xe625;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">筛选-已选</div>
|
|
|
+ <div class="code-name">&#xe626;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">实验室</div>
|
|
|
+ <div class="code-name">&#xe628;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">使用帮助</div>
|
|
|
+ <div class="code-name">&#xe629;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">提示</div>
|
|
|
+ <div class="code-name">&#xe62e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">提醒时间</div>
|
|
|
+ <div class="code-name">&#xe62f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">微信</div>
|
|
|
+ <div class="code-name">&#xe634;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">qq</div>
|
|
|
+ <div class="code-name">&#xe63a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">表格</div>
|
|
|
+ <div class="code-name">&#xe63c;</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=1692067696566') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1692067696566') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1692067696566') format('truetype');
|
|
|
+}
|
|
|
+</code></pre>
|
|
|
+ <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
|
+<pre><code class="language-css"
|
|
|
+>.iconfont {
|
|
|
+ font-family: "iconfont" !important;
|
|
|
+ font-size: 16px;
|
|
|
+ font-style: normal;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+}
|
|
|
+</code></pre>
|
|
|
+ <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
|
|
|
+<pre>
|
|
|
+<code class="language-html"
|
|
|
+><span class="iconfont">&#x33;</span>
|
|
|
+</code></pre>
|
|
|
+ <blockquote>
|
|
|
+ <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
|
|
|
+ </blockquote>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content font-class">
|
|
|
+ <ul class="icon_lists dib-box">
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-workSpace"></span>
|
|
|
+ <div class="name">
|
|
|
+ workSpace
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-workSpace
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-workSpace-1"></span>
|
|
|
+ <div class="name">
|
|
|
+ workSpace-1
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-workSpace-1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tubiao_qingchu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 清除
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tubiao_qingchu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gengxin"></span>
|
|
|
+ <div class="name">
|
|
|
+ 更新
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gengxin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-fenxiang"></span>
|
|
|
+ <div class="name">
|
|
|
+ 分享
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-fenxiang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-ren"></span>
|
|
|
+ <div class="name">
|
|
|
+ 人
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-ren
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-canbiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ canbiao
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-canbiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gengduo-shuxiang"></span>
|
|
|
+ <div class="name">
|
|
|
+ 216更多-竖向
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gengduo-shuxiang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chaping-xianxing"></span>
|
|
|
+ <div class="name">
|
|
|
+ 245差评-线性
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chaping-xianxing
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dianzan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 点赞
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dianzan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chehui1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 撤回
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chehui1
|
|
|
+ </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-yduigantanhaoshixin"></span>
|
|
|
+ <div class="name">
|
|
|
+ YDUI-感叹号(实心)
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yduigantanhaoshixin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-bumanyi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 不满意
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-bumanyi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-manyi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 满意
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-manyi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-henmanyi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 很满意
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-henmanyi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-henbumanyi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 很不满意
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-henbumanyi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yiban"></span>
|
|
|
+ <div class="name">
|
|
|
+ 一般-灰
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yiban
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-bumanyi-cai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 不满意-彩
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-bumanyi-cai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yiban-cai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 一般-彩
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yiban-cai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-manyi-cai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 满意-彩
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-manyi-cai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-henmanyi-cai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 很满意-彩
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-henmanyi-cai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-henbumanyi-cai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 很不满意-彩
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-henbumanyi-cai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-nav_un_book"></span>
|
|
|
+ <div class="name">
|
|
|
+ nav_un_book
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-nav_un_book
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-nav_un_home"></span>
|
|
|
+ <div class="name">
|
|
|
+ nav_un_home
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-nav_un_home
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-nav_un_box"></span>
|
|
|
+ <div class="name">
|
|
|
+ nav_un_box
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-nav_un_box
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-nav_un_message"></span>
|
|
|
+ <div class="name">
|
|
|
+ nav_un_message
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-nav_un_message
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-nav_un_mine"></span>
|
|
|
+ <div class="name">
|
|
|
+ nav_un_mine
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-nav_un_mine
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-save"></span>
|
|
|
+ <div class="name">
|
|
|
+ save
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-save
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhoubao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 周报
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhoubao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-yuebao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 月报
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-yuebao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tianxie"></span>
|
|
|
+ <div class="name">
|
|
|
+ 填写
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tianxie
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-add-01"></span>
|
|
|
+ <div class="name">
|
|
|
+ add-01
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-add-01
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jianhao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 减号
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jianhao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhongbiaoyuce"></span>
|
|
|
+ <div class="name">
|
|
|
+ zhongbiaoyuce
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhongbiaoyuce
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenku_word"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenku_word
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenku_word
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenku_pdf"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenku_pdf
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenku_pdf
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenku_ppt"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenku_ppt
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenku_ppt
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenku_excel"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenku_excel
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenku_excel
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-qiehuan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 切换
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-qiehuan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjianjia"></span>
|
|
|
+ <div class="name">
|
|
|
+ 文件夹
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjianjia
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-taocan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 套餐
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-taocan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-qianming"></span>
|
|
|
+ <div class="name">
|
|
|
+ 签名
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-qianming
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xiangji"></span>
|
|
|
+ <div class="name">
|
|
|
+ xiangji
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xiangji
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chehui"></span>
|
|
|
+ <div class="name">
|
|
|
+ 撤回
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chehui
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian_PDF"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenjian_PDF
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian_PDF
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian_pdf_1"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenjian_pdf_1
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian_pdf_1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian_wufashibie"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenjian_无法识别
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian_wufashibie
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian_wrod"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenjian_wrod
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian_wrod
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian_xlsx"></span>
|
|
|
+ <div class="name">
|
|
|
+ wenjian_xlsx
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian_xlsx
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wenjian"></span>
|
|
|
+ <div class="name">
|
|
|
+ 文件
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wenjian
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-a-kaiguan_off"></span>
|
|
|
+ <div class="name">
|
|
|
+ 开&关_off
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-a-kaiguan_off
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-a-kaiguan_on"></span>
|
|
|
+ <div class="name">
|
|
|
+ 开&关_on
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-a-kaiguan_on
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kecheng_download"></span>
|
|
|
+ <div class="name">
|
|
|
+ kecheng_download
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kecheng_download
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kecheng_shipin-01"></span>
|
|
|
+ <div class="name">
|
|
|
+ kecheng_shipin-01
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kecheng_shipin-01
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kecheng_shipin-02"></span>
|
|
|
+ <div class="name">
|
|
|
+ kecheng_shipin-02
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kecheng_shipin-02
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kecheng_fangda"></span>
|
|
|
+ <div class="name">
|
|
|
+ kecheng_fangda
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kecheng_fangda
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-kecheng_shuaxin"></span>
|
|
|
+ <div class="name">
|
|
|
+ kecheng_shuaxin
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-kecheng_shuaxin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shujudaochu_xiao1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 数据导出_小
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shujudaochu_xiao1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xiazaixiangmubaogao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 下载项目报告
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xiazaixiangmubaogao
|
|
|
+ </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-part"></span>
|
|
|
+ <div class="name">
|
|
|
+ part
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-part
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weizhi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 位置
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weizhi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xinxileixing"></span>
|
|
|
+ <div class="name">
|
|
|
+ 信息类型
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xinxileixing
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-morenqianming"></span>
|
|
|
+ <div class="name">
|
|
|
+ 默认签名
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-morenqianming
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanjianci"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关键词
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanjianci
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xiangmupipei_02"></span>
|
|
|
+ <div class="name">
|
|
|
+ 项目匹配_02
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xiangmupipei_02
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanjiancipipeifangshi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关键词匹配方式
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanjiancipipeifangshi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wodechanpin"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我的产品
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wodechanpin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pullEg"></span>
|
|
|
+ <div class="name">
|
|
|
+ pullEg
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pullEg
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-time"></span>
|
|
|
+ <div class="name">
|
|
|
+ time
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-time
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-byEmail"></span>
|
|
|
+ <div class="name">
|
|
|
+ byEmail
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-byEmail
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-bell"></span>
|
|
|
+ <div class="name">
|
|
|
+ bell
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-bell
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_coupon"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_coupon
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_coupon
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-min_case"></span>
|
|
|
+ <div class="name">
|
|
|
+ min_case
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-min_case
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_export"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_export
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_export
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_opinion"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_opinion
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_opinion
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_qiyechaxun"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_qiyechaxun
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_qiyechaxun
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_shoucang"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_shoucang
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_shoucang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_share"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_share
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_share
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_vip"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_vip
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_vip
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_company"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_company
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_company
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_help"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_help
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_help
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_jianyubi"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_jianyubi
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_jianyubi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_huobanjihua"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_伙伴计划
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_huobanjihua
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_about"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_about
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_about
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_subscription"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_subscription
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_subscription
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-mine_rengongkefu"></span>
|
|
|
+ <div class="name">
|
|
|
+ mine_人工客服
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-mine_rengongkefu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingdan_yiwancheng"></span>
|
|
|
+ <div class="name">
|
|
|
+ dingdan_已完成
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingdan_yiwancheng
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingdan_yiquxiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ dingdan_已取消
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingdan_yiquxiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingdan_daifukuan"></span>
|
|
|
+ <div class="name">
|
|
|
+ dingdan_待付款
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingdan_daifukuan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingdan_quanbudingdan"></span>
|
|
|
+ <div class="name">
|
|
|
+ dingdan_全部订单
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingdan_quanbudingdan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-warning"></span>
|
|
|
+ <div class="name">
|
|
|
+ warning
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-warning
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weizhidingwei"></span>
|
|
|
+ <div class="name">
|
|
|
+ 位置定位
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weizhidingwei
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dataDelete"></span>
|
|
|
+ <div class="name">
|
|
|
+ dataDelete
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dataDelete
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tousujubao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 投诉举报
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tousujubao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shoucang_weishoucang"></span>
|
|
|
+ <div class="name">
|
|
|
+ 收藏_未收藏
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shoucang_weishoucang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shoucang"></span>
|
|
|
+ <div class="name">
|
|
|
+ 收藏
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shoucang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shenrulejie"></span>
|
|
|
+ <div class="name">
|
|
|
+ 深入了解
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shenrulejie
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-close"></span>
|
|
|
+ <div class="name">
|
|
|
+ close
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-close
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-close_heidi"></span>
|
|
|
+ <div class="name">
|
|
|
+ close_heidi
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-close_heidi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-close_touming"></span>
|
|
|
+ <div class="name">
|
|
|
+ close_透明
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-close_touming
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanzhu_yiguanzhu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关注_已关注
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanzhu_yiguanzhu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanzhu_jiaguanzhu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关注_加关注
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanzhu_jiaguanzhu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanzhu_weiguanzhu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关注_未关注
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanzhu_weiguanzhu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shouqi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 收起
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shouqi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-youbian"></span>
|
|
|
+ <div class="name">
|
|
|
+ 右边
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-youbian
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhankai"></span>
|
|
|
+ <div class="name">
|
|
|
+ 展开
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhankai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-lv"></span>
|
|
|
+ <div class="name">
|
|
|
+ 绿
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-lv
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-banxuan"></span>
|
|
|
+ <div class="name">
|
|
|
+ banxuan
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-banxuan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-choose1"></span>
|
|
|
+ <div class="name">
|
|
|
+ choose
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-choose1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-unchoose1"></span>
|
|
|
+ <div class="name">
|
|
|
+ unchoose
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-unchoose1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-up"></span>
|
|
|
+ <div class="name">
|
|
|
+ up
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-up
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-down"></span>
|
|
|
+ <div class="name">
|
|
|
+ down
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-down
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-renling_weirenling"></span>
|
|
|
+ <div class="name">
|
|
|
+ renling_未认领
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-renling_weirenling
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-renling_yirenling"></span>
|
|
|
+ <div class="name">
|
|
|
+ renling_已认领
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-renling_yirenling
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-date_gray"></span>
|
|
|
+ <div class="name">
|
|
|
+ date_gray
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-date_gray
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-help1"></span>
|
|
|
+ <div class="name">
|
|
|
+ help
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-help1
|
|
|
+ </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-shujudaochu_xiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 数据导出_小
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shujudaochu_xiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-notice"></span>
|
|
|
+ <div class="name">
|
|
|
+ notice
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-notice
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-share"></span>
|
|
|
+ <div class="name">
|
|
|
+ share
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-share
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-Setting"></span>
|
|
|
+ <div class="name">
|
|
|
+ Setting
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-Setting
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-back"></span>
|
|
|
+ <div class="name">
|
|
|
+ back
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-back
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingyue"></span>
|
|
|
+ <div class="name">
|
|
|
+ 收藏
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingyue
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-sousuo1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 搜索
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-sousuo1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wo"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wo
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weixin1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 微信
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weixin1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wo-shezhi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我-设置
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wo-shezhi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shiyanshi1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 实验室
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shiyanshi1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wo-tongzhi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我-通知
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wo-tongzhi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-qq1"></span>
|
|
|
+ <div class="name">
|
|
|
+ qq
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-qq1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wo-woguanzhudeqiye"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我-我关注的企业
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wo-woguanzhudeqiye
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wo-woguanzhudexiangmu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 我-我关注的项目
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wo-woguanzhudexiangmu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhengyan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 睁眼
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhengyan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-biyan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 闭眼
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-biyan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pengyouquan1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 朋友圈
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pengyouquan1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weixin11"></span>
|
|
|
+ <div class="name">
|
|
|
+ weixin
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weixin11
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-duihao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 对号
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-duihao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-delete_gray"></span>
|
|
|
+ <div class="name">
|
|
|
+ delete_gray
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-delete_gray
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shenhezhong"></span>
|
|
|
+ <div class="name">
|
|
|
+ 审核中
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shenhezhong
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-gongduigongzhuanzhang"></span>
|
|
|
+ <div class="name">
|
|
|
+ 公对公转账
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-gongduigongzhuanzhang
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jiaobiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 角标
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jiaobiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-cloud-download"></span>
|
|
|
+ <div class="name">
|
|
|
+ 数据导出
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-cloud-download
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dingdan1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 支付订单
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dingdan1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhifubaozhifu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 支付宝支付
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhifubaozhifu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weixinzhifu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 微信支付
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weixinzhifu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tianjia1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 添加
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tianjia1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tuijianjiaobiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ 推荐角标
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tuijianjiaobiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanyu"></span>
|
|
|
+ <div class="name">
|
|
|
+ guanyu
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanyu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-rili"></span>
|
|
|
+ <div class="name">
|
|
|
+ rili
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-rili
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-huangguan"></span>
|
|
|
+ <div class="name">
|
|
|
+ huangguan
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-huangguan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-lishidaochu"></span>
|
|
|
+ <div class="name">
|
|
|
+ lishidaochu
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-lishidaochu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shaixuan"></span>
|
|
|
+ <div class="name">
|
|
|
+ shaixuan
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shaixuan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shezhi"></span>
|
|
|
+ <div class="name">
|
|
|
+ shezhi
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shezhi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tianjia"></span>
|
|
|
+ <div class="name">
|
|
|
+ tianjia
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tianjia
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xiugai"></span>
|
|
|
+ <div class="name">
|
|
|
+ xiugai
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xiugai
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-wodedingdan"></span>
|
|
|
+ <div class="name">
|
|
|
+ wodedingdan
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-wodedingdan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-xuanzhongjiao"></span>
|
|
|
+ <div class="name">
|
|
|
+ xuanzhongjiao
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-xuanzhongjiao
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-zhifuwancheng"></span>
|
|
|
+ <div class="name">
|
|
|
+ zhifuwancheng
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-zhifuwancheng
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanyujianyu-fankui"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关于剑鱼-反馈
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanyujianyu-fankui
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-guanyujianyu-bangzhu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 关于剑鱼-帮助
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-guanyujianyu-bangzhu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pengyouquan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 朋友圈
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pengyouquan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shaixuan-moren"></span>
|
|
|
+ <div class="name">
|
|
|
+ 筛选-默认
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shaixuan-moren
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shaixuan-yixuan"></span>
|
|
|
+ <div class="name">
|
|
|
+ 筛选-已选
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shaixuan-yixuan
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shiyanshi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 实验室
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shiyanshi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-shiyongbangzhu"></span>
|
|
|
+ <div class="name">
|
|
|
+ 使用帮助
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-shiyongbangzhu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tishi"></span>
|
|
|
+ <div class="name">
|
|
|
+ 提示
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tishi
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-tixingshijian"></span>
|
|
|
+ <div class="name">
|
|
|
+ 提醒时间
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-tixingshijian
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-weixin"></span>
|
|
|
+ <div class="name">
|
|
|
+ 微信
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-weixin
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-qq"></span>
|
|
|
+ <div class="name">
|
|
|
+ qq
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-qq
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-biaoge"></span>
|
|
|
+ <div class="name">
|
|
|
+ 表格
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-biaoge
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ <div class="article markdown">
|
|
|
+ <h2 id="font-class-">font-class 引用</h2>
|
|
|
+ <hr>
|
|
|
+
|
|
|
+ <p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
|
|
|
+ <p>与 Unicode 使用方式相比,具有如下特点:</p>
|
|
|
+ <ul>
|
|
|
+ <li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
|
|
+ <li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
|
|
|
+ </ul>
|
|
|
+ <p>使用步骤如下:</p>
|
|
|
+ <h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
|
|
|
+<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
|
|
+</code></pre>
|
|
|
+ <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
|
|
|
+<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
|
|
|
+</code></pre>
|
|
|
+ <blockquote>
|
|
|
+ <p>"
|
|
|
+ iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
|
|
|
+ </blockquote>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content symbol">
|
|
|
+ <ul class="icon_lists dib-box">
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-workSpace"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">workSpace</div>
|
|
|
+ <div class="code-name">#icon-workSpace</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-workSpace-1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">workSpace-1</div>
|
|
|
+ <div class="code-name">#icon-workSpace-1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tubiao_qingchu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">清除</div>
|
|
|
+ <div class="code-name">#icon-tubiao_qingchu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gengxin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">更新</div>
|
|
|
+ <div class="code-name">#icon-gengxin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-fenxiang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">分享</div>
|
|
|
+ <div class="code-name">#icon-fenxiang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-ren"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">人</div>
|
|
|
+ <div class="code-name">#icon-ren</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-canbiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">canbiao</div>
|
|
|
+ <div class="code-name">#icon-canbiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gengduo-shuxiang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">216更多-竖向</div>
|
|
|
+ <div class="code-name">#icon-gengduo-shuxiang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chaping-xianxing"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">245差评-线性</div>
|
|
|
+ <div class="code-name">#icon-chaping-xianxing</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dianzan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">点赞</div>
|
|
|
+ <div class="code-name">#icon-dianzan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chehui1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">撤回</div>
|
|
|
+ <div class="code-name">#icon-chehui1</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-yduigantanhaoshixin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">YDUI-感叹号(实心)</div>
|
|
|
+ <div class="code-name">#icon-yduigantanhaoshixin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-bumanyi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">不满意</div>
|
|
|
+ <div class="code-name">#icon-bumanyi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-manyi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">满意</div>
|
|
|
+ <div class="code-name">#icon-manyi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-henmanyi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">很满意</div>
|
|
|
+ <div class="code-name">#icon-henmanyi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-henbumanyi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">很不满意</div>
|
|
|
+ <div class="code-name">#icon-henbumanyi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yiban"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">一般-灰</div>
|
|
|
+ <div class="code-name">#icon-yiban</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-bumanyi-cai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">不满意-彩</div>
|
|
|
+ <div class="code-name">#icon-bumanyi-cai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yiban-cai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">一般-彩</div>
|
|
|
+ <div class="code-name">#icon-yiban-cai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-manyi-cai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">满意-彩</div>
|
|
|
+ <div class="code-name">#icon-manyi-cai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-henmanyi-cai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">很满意-彩</div>
|
|
|
+ <div class="code-name">#icon-henmanyi-cai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-henbumanyi-cai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">很不满意-彩</div>
|
|
|
+ <div class="code-name">#icon-henbumanyi-cai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-nav_un_book"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">nav_un_book</div>
|
|
|
+ <div class="code-name">#icon-nav_un_book</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-nav_un_home"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">nav_un_home</div>
|
|
|
+ <div class="code-name">#icon-nav_un_home</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-nav_un_box"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">nav_un_box</div>
|
|
|
+ <div class="code-name">#icon-nav_un_box</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-nav_un_message"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">nav_un_message</div>
|
|
|
+ <div class="code-name">#icon-nav_un_message</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-nav_un_mine"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">nav_un_mine</div>
|
|
|
+ <div class="code-name">#icon-nav_un_mine</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-save"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">save</div>
|
|
|
+ <div class="code-name">#icon-save</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhoubao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">周报</div>
|
|
|
+ <div class="code-name">#icon-zhoubao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-yuebao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">月报</div>
|
|
|
+ <div class="code-name">#icon-yuebao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tianxie"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">填写</div>
|
|
|
+ <div class="code-name">#icon-tianxie</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-add-01"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">add-01</div>
|
|
|
+ <div class="code-name">#icon-add-01</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jianhao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">减号</div>
|
|
|
+ <div class="code-name">#icon-jianhao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhongbiaoyuce"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">zhongbiaoyuce</div>
|
|
|
+ <div class="code-name">#icon-zhongbiaoyuce</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenku_word"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenku_word</div>
|
|
|
+ <div class="code-name">#icon-wenku_word</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenku_pdf"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenku_pdf</div>
|
|
|
+ <div class="code-name">#icon-wenku_pdf</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenku_ppt"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenku_ppt</div>
|
|
|
+ <div class="code-name">#icon-wenku_ppt</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenku_excel"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenku_excel</div>
|
|
|
+ <div class="code-name">#icon-wenku_excel</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-qiehuan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">切换</div>
|
|
|
+ <div class="code-name">#icon-qiehuan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjianjia"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">文件夹</div>
|
|
|
+ <div class="code-name">#icon-wenjianjia</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-taocan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">套餐</div>
|
|
|
+ <div class="code-name">#icon-taocan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-qianming"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">签名</div>
|
|
|
+ <div class="code-name">#icon-qianming</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xiangji"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">xiangji</div>
|
|
|
+ <div class="code-name">#icon-xiangji</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chehui"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">撤回</div>
|
|
|
+ <div class="code-name">#icon-chehui</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian_PDF"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenjian_PDF</div>
|
|
|
+ <div class="code-name">#icon-wenjian_PDF</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian_pdf_1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenjian_pdf_1</div>
|
|
|
+ <div class="code-name">#icon-wenjian_pdf_1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian_wufashibie"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenjian_无法识别</div>
|
|
|
+ <div class="code-name">#icon-wenjian_wufashibie</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian_wrod"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenjian_wrod</div>
|
|
|
+ <div class="code-name">#icon-wenjian_wrod</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian_xlsx"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wenjian_xlsx</div>
|
|
|
+ <div class="code-name">#icon-wenjian_xlsx</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wenjian"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">文件</div>
|
|
|
+ <div class="code-name">#icon-wenjian</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-a-kaiguan_off"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">开&关_off</div>
|
|
|
+ <div class="code-name">#icon-a-kaiguan_off</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-a-kaiguan_on"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">开&关_on</div>
|
|
|
+ <div class="code-name">#icon-a-kaiguan_on</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kecheng_download"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kecheng_download</div>
|
|
|
+ <div class="code-name">#icon-kecheng_download</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kecheng_shipin-01"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kecheng_shipin-01</div>
|
|
|
+ <div class="code-name">#icon-kecheng_shipin-01</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kecheng_shipin-02"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kecheng_shipin-02</div>
|
|
|
+ <div class="code-name">#icon-kecheng_shipin-02</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kecheng_fangda"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kecheng_fangda</div>
|
|
|
+ <div class="code-name">#icon-kecheng_fangda</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-kecheng_shuaxin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">kecheng_shuaxin</div>
|
|
|
+ <div class="code-name">#icon-kecheng_shuaxin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shujudaochu_xiao1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">数据导出_小</div>
|
|
|
+ <div class="code-name">#icon-shujudaochu_xiao1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xiazaixiangmubaogao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">下载项目报告</div>
|
|
|
+ <div class="code-name">#icon-xiazaixiangmubaogao</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-part"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">part</div>
|
|
|
+ <div class="code-name">#icon-part</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weizhi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">位置</div>
|
|
|
+ <div class="code-name">#icon-weizhi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xinxileixing"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">信息类型</div>
|
|
|
+ <div class="code-name">#icon-xinxileixing</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-morenqianming"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">默认签名</div>
|
|
|
+ <div class="code-name">#icon-morenqianming</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanjianci"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关键词</div>
|
|
|
+ <div class="code-name">#icon-guanjianci</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xiangmupipei_02"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">项目匹配_02</div>
|
|
|
+ <div class="code-name">#icon-xiangmupipei_02</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanjiancipipeifangshi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关键词匹配方式</div>
|
|
|
+ <div class="code-name">#icon-guanjiancipipeifangshi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wodechanpin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我的产品</div>
|
|
|
+ <div class="code-name">#icon-wodechanpin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pullEg"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">pullEg</div>
|
|
|
+ <div class="code-name">#icon-pullEg</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-time"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">time</div>
|
|
|
+ <div class="code-name">#icon-time</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-byEmail"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">byEmail</div>
|
|
|
+ <div class="code-name">#icon-byEmail</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-bell"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">bell</div>
|
|
|
+ <div class="code-name">#icon-bell</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_coupon"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_coupon</div>
|
|
|
+ <div class="code-name">#icon-mine_coupon</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-min_case"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">min_case</div>
|
|
|
+ <div class="code-name">#icon-min_case</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_export"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_export</div>
|
|
|
+ <div class="code-name">#icon-mine_export</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_opinion"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_opinion</div>
|
|
|
+ <div class="code-name">#icon-mine_opinion</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_qiyechaxun"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_qiyechaxun</div>
|
|
|
+ <div class="code-name">#icon-mine_qiyechaxun</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_shoucang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_shoucang</div>
|
|
|
+ <div class="code-name">#icon-mine_shoucang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_share"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_share</div>
|
|
|
+ <div class="code-name">#icon-mine_share</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_vip"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_vip</div>
|
|
|
+ <div class="code-name">#icon-mine_vip</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_company"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_company</div>
|
|
|
+ <div class="code-name">#icon-mine_company</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_help"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_help</div>
|
|
|
+ <div class="code-name">#icon-mine_help</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_jianyubi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_jianyubi</div>
|
|
|
+ <div class="code-name">#icon-mine_jianyubi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_huobanjihua"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_伙伴计划</div>
|
|
|
+ <div class="code-name">#icon-mine_huobanjihua</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_about"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_about</div>
|
|
|
+ <div class="code-name">#icon-mine_about</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_subscription"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_subscription</div>
|
|
|
+ <div class="code-name">#icon-mine_subscription</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-mine_rengongkefu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">mine_人工客服</div>
|
|
|
+ <div class="code-name">#icon-mine_rengongkefu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingdan_yiwancheng"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">dingdan_已完成</div>
|
|
|
+ <div class="code-name">#icon-dingdan_yiwancheng</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingdan_yiquxiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">dingdan_已取消</div>
|
|
|
+ <div class="code-name">#icon-dingdan_yiquxiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingdan_daifukuan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">dingdan_待付款</div>
|
|
|
+ <div class="code-name">#icon-dingdan_daifukuan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingdan_quanbudingdan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">dingdan_全部订单</div>
|
|
|
+ <div class="code-name">#icon-dingdan_quanbudingdan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-warning"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">warning</div>
|
|
|
+ <div class="code-name">#icon-warning</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weizhidingwei"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">位置定位</div>
|
|
|
+ <div class="code-name">#icon-weizhidingwei</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dataDelete"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">dataDelete</div>
|
|
|
+ <div class="code-name">#icon-dataDelete</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tousujubao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">投诉举报</div>
|
|
|
+ <div class="code-name">#icon-tousujubao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shoucang_weishoucang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">收藏_未收藏</div>
|
|
|
+ <div class="code-name">#icon-shoucang_weishoucang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shoucang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">收藏</div>
|
|
|
+ <div class="code-name">#icon-shoucang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shenrulejie"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">深入了解</div>
|
|
|
+ <div class="code-name">#icon-shenrulejie</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-close"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">close</div>
|
|
|
+ <div class="code-name">#icon-close</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-close_heidi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">close_heidi</div>
|
|
|
+ <div class="code-name">#icon-close_heidi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-close_touming"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">close_透明</div>
|
|
|
+ <div class="code-name">#icon-close_touming</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanzhu_yiguanzhu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关注_已关注</div>
|
|
|
+ <div class="code-name">#icon-guanzhu_yiguanzhu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanzhu_jiaguanzhu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关注_加关注</div>
|
|
|
+ <div class="code-name">#icon-guanzhu_jiaguanzhu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanzhu_weiguanzhu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关注_未关注</div>
|
|
|
+ <div class="code-name">#icon-guanzhu_weiguanzhu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shouqi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">收起</div>
|
|
|
+ <div class="code-name">#icon-shouqi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-youbian"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">右边</div>
|
|
|
+ <div class="code-name">#icon-youbian</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhankai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">展开</div>
|
|
|
+ <div class="code-name">#icon-zhankai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-lv"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">绿</div>
|
|
|
+ <div class="code-name">#icon-lv</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-banxuan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">banxuan</div>
|
|
|
+ <div class="code-name">#icon-banxuan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-choose1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">choose</div>
|
|
|
+ <div class="code-name">#icon-choose1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-unchoose1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">unchoose</div>
|
|
|
+ <div class="code-name">#icon-unchoose1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-up"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">up</div>
|
|
|
+ <div class="code-name">#icon-up</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-down"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">down</div>
|
|
|
+ <div class="code-name">#icon-down</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-renling_weirenling"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">renling_未认领</div>
|
|
|
+ <div class="code-name">#icon-renling_weirenling</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-renling_yirenling"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">renling_已认领</div>
|
|
|
+ <div class="code-name">#icon-renling_yirenling</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-date_gray"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">date_gray</div>
|
|
|
+ <div class="code-name">#icon-date_gray</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-help1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">help</div>
|
|
|
+ <div class="code-name">#icon-help1</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-shujudaochu_xiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">数据导出_小</div>
|
|
|
+ <div class="code-name">#icon-shujudaochu_xiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-notice"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">notice</div>
|
|
|
+ <div class="code-name">#icon-notice</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-share"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">share</div>
|
|
|
+ <div class="code-name">#icon-share</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-Setting"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">Setting</div>
|
|
|
+ <div class="code-name">#icon-Setting</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-back"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">back</div>
|
|
|
+ <div class="code-name">#icon-back</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingyue"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">收藏</div>
|
|
|
+ <div class="code-name">#icon-dingyue</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-sousuo1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">搜索</div>
|
|
|
+ <div class="code-name">#icon-sousuo1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wo"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我</div>
|
|
|
+ <div class="code-name">#icon-wo</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weixin1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">微信</div>
|
|
|
+ <div class="code-name">#icon-weixin1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wo-shezhi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我-设置</div>
|
|
|
+ <div class="code-name">#icon-wo-shezhi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shiyanshi1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">实验室</div>
|
|
|
+ <div class="code-name">#icon-shiyanshi1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wo-tongzhi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我-通知</div>
|
|
|
+ <div class="code-name">#icon-wo-tongzhi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-qq1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">qq</div>
|
|
|
+ <div class="code-name">#icon-qq1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wo-woguanzhudeqiye"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我-我关注的企业</div>
|
|
|
+ <div class="code-name">#icon-wo-woguanzhudeqiye</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wo-woguanzhudexiangmu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">我-我关注的项目</div>
|
|
|
+ <div class="code-name">#icon-wo-woguanzhudexiangmu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhengyan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">睁眼</div>
|
|
|
+ <div class="code-name">#icon-zhengyan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-biyan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">闭眼</div>
|
|
|
+ <div class="code-name">#icon-biyan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pengyouquan1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">朋友圈</div>
|
|
|
+ <div class="code-name">#icon-pengyouquan1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weixin11"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">weixin</div>
|
|
|
+ <div class="code-name">#icon-weixin11</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-duihao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">对号</div>
|
|
|
+ <div class="code-name">#icon-duihao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-delete_gray"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">delete_gray</div>
|
|
|
+ <div class="code-name">#icon-delete_gray</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shenhezhong"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">审核中</div>
|
|
|
+ <div class="code-name">#icon-shenhezhong</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-gongduigongzhuanzhang"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">公对公转账</div>
|
|
|
+ <div class="code-name">#icon-gongduigongzhuanzhang</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jiaobiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">角标</div>
|
|
|
+ <div class="code-name">#icon-jiaobiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-cloud-download"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">数据导出</div>
|
|
|
+ <div class="code-name">#icon-cloud-download</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dingdan1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">支付订单</div>
|
|
|
+ <div class="code-name">#icon-dingdan1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhifubaozhifu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">支付宝支付</div>
|
|
|
+ <div class="code-name">#icon-zhifubaozhifu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weixinzhifu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">微信支付</div>
|
|
|
+ <div class="code-name">#icon-weixinzhifu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tianjia1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">添加</div>
|
|
|
+ <div class="code-name">#icon-tianjia1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tuijianjiaobiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">推荐角标</div>
|
|
|
+ <div class="code-name">#icon-tuijianjiaobiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanyu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">guanyu</div>
|
|
|
+ <div class="code-name">#icon-guanyu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-rili"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">rili</div>
|
|
|
+ <div class="code-name">#icon-rili</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-huangguan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">huangguan</div>
|
|
|
+ <div class="code-name">#icon-huangguan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-lishidaochu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">lishidaochu</div>
|
|
|
+ <div class="code-name">#icon-lishidaochu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shaixuan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">shaixuan</div>
|
|
|
+ <div class="code-name">#icon-shaixuan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shezhi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">shezhi</div>
|
|
|
+ <div class="code-name">#icon-shezhi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tianjia"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">tianjia</div>
|
|
|
+ <div class="code-name">#icon-tianjia</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xiugai"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">xiugai</div>
|
|
|
+ <div class="code-name">#icon-xiugai</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-wodedingdan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">wodedingdan</div>
|
|
|
+ <div class="code-name">#icon-wodedingdan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xuanzhongjiao"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">xuanzhongjiao</div>
|
|
|
+ <div class="code-name">#icon-xuanzhongjiao</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-zhifuwancheng"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">zhifuwancheng</div>
|
|
|
+ <div class="code-name">#icon-zhifuwancheng</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanyujianyu-fankui"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关于剑鱼-反馈</div>
|
|
|
+ <div class="code-name">#icon-guanyujianyu-fankui</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-guanyujianyu-bangzhu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">关于剑鱼-帮助</div>
|
|
|
+ <div class="code-name">#icon-guanyujianyu-bangzhu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pengyouquan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">朋友圈</div>
|
|
|
+ <div class="code-name">#icon-pengyouquan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shaixuan-moren"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">筛选-默认</div>
|
|
|
+ <div class="code-name">#icon-shaixuan-moren</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shaixuan-yixuan"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">筛选-已选</div>
|
|
|
+ <div class="code-name">#icon-shaixuan-yixuan</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shiyanshi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">实验室</div>
|
|
|
+ <div class="code-name">#icon-shiyanshi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shiyongbangzhu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">使用帮助</div>
|
|
|
+ <div class="code-name">#icon-shiyongbangzhu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tishi"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">提示</div>
|
|
|
+ <div class="code-name">#icon-tishi</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-tixingshijian"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">提醒时间</div>
|
|
|
+ <div class="code-name">#icon-tixingshijian</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-weixin"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">微信</div>
|
|
|
+ <div class="code-name">#icon-weixin</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-qq"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">qq</div>
|
|
|
+ <div class="code-name">#icon-qq</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-biaoge"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">表格</div>
|
|
|
+ <div class="code-name">#icon-biaoge</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ <div class="article markdown">
|
|
|
+ <h2 id="symbol-">Symbol 引用</h2>
|
|
|
+ <hr>
|
|
|
+
|
|
|
+ <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
|
|
|
+ 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
|
|
|
+ <ul>
|
|
|
+ <li>支持多色图标了,不再受单色限制。</li>
|
|
|
+ <li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
|
|
|
+ <li>兼容性较差,支持 IE9+,及现代浏览器。</li>
|
|
|
+ <li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
|
|
|
+ </ul>
|
|
|
+ <p>使用步骤如下:</p>
|
|
|
+ <h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
|
|
|
+<pre><code class="language-html"><script src="./iconfont.js"></script>
|
|
|
+</code></pre>
|
|
|
+ <h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
|
|
|
+<pre><code class="language-html"><style>
|
|
|
+.icon {
|
|
|
+ width: 1em;
|
|
|
+ height: 1em;
|
|
|
+ vertical-align: -0.15em;
|
|
|
+ fill: currentColor;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+</style>
|
|
|
+</code></pre>
|
|
|
+ <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
|
|
|
+<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-xxx"></use>
|
|
|
+</svg>
|
|
|
+</code></pre>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $('.tab-container .content:first').show()
|
|
|
+
|
|
|
+ $('#tabs li').click(function (e) {
|
|
|
+ var tabContent = $('.tab-container .content')
|
|
|
+ var index = $(this).index()
|
|
|
+
|
|
|
+ if ($(this).hasClass('active')) {
|
|
|
+ return
|
|
|
+ } else {
|
|
|
+ $('#tabs li').removeClass('active')
|
|
|
+ $(this).addClass('active')
|
|
|
+
|
|
|
+ tabContent.hide().eq(index).fadeIn()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|