2593 lines
89 KiB
HTML
2593 lines
89 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>IconFont Demo</title>
|
|
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
<link rel="stylesheet" href="../../admin/css/other/icon.css">
|
|
<link rel="stylesheet" href="../../component/pear/css/pear.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>
|
|
</head>
|
|
<body>
|
|
<div class="main">
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
<div class="tab-container">
|
|
<div class="content unicode" style="display: block;">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">加载</div>
|
|
<div class="code-name">&#xe6c0;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">column-3</div>
|
|
<div class="code-name">&#xe67c;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">column-4</div>
|
|
<div class="code-name">&#xe67d;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">add</div>
|
|
<div class="code-name">&#xe67e;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">adjust</div>
|
|
<div class="code-name">&#xe67f;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">ashbin</div>
|
|
<div class="code-name">&#xe680;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">browse</div>
|
|
<div class="code-name">&#xe681;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">bottom</div>
|
|
<div class="code-name">&#xe682;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">back</div>
|
|
<div class="code-name">&#xe683;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">bad</div>
|
|
<div class="code-name">&#xe684;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-double-left</div>
|
|
<div class="code-name">&#xe685;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-double-right</div>
|
|
<div class="code-name">&#xe686;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">camera</div>
|
|
<div class="code-name">&#xe687;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">chart-bar</div>
|
|
<div class="code-name">&#xe688;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">attachment</div>
|
|
<div class="code-name">&#xe689;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">code</div>
|
|
<div class="code-name">&#xe68a;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">close</div>
|
|
<div class="code-name">&#xe68b;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">check-item</div>
|
|
<div class="code-name">&#xe68c;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">calendar</div>
|
|
<div class="code-name">&#xe68d;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">comment</div>
|
|
<div class="code-name">&#xe68e;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">column-vertical</div>
|
|
<div class="code-name">&#xe68f;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">column-horizontal</div>
|
|
<div class="code-name">&#xe690;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">complete</div>
|
|
<div class="code-name">&#xe691;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">chart-pie</div>
|
|
<div class="code-name">&#xe692;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">cry</div>
|
|
<div class="code-name">&#xe693;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">customer-service</div>
|
|
<div class="code-name">&#xe694;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">direction-down</div>
|
|
<div class="code-name">&#xe695;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">copy</div>
|
|
<div class="code-name">&#xe696;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">cut</div>
|
|
<div class="code-name">&#xe697;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">data-view</div>
|
|
<div class="code-name">&#xe698;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">direction-right</div>
|
|
<div class="code-name">&#xe699;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">direction-up</div>
|
|
<div class="code-name">&#xe69a;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">discount</div>
|
|
<div class="code-name">&#xe69b;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">direction-left</div>
|
|
<div class="code-name">&#xe69c;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">download</div>
|
|
<div class="code-name">&#xe69d;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">electronics</div>
|
|
<div class="code-name">&#xe69e;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">drag</div>
|
|
<div class="code-name">&#xe69f;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">elipsis</div>
|
|
<div class="code-name">&#xe6a0;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">export</div>
|
|
<div class="code-name">&#xe6a1;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">explain</div>
|
|
<div class="code-name">&#xe6a2;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">edit</div>
|
|
<div class="code-name">&#xe6a3;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">eye-close</div>
|
|
<div class="code-name">&#xe6a4;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">email</div>
|
|
<div class="code-name">&#xe6a5;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">favorite</div>
|
|
<div class="code-name">&#xe6a6;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">file-common</div>
|
|
<div class="code-name">&#xe6a7;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">file-delete</div>
|
|
<div class="code-name">&#xe6a8;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">file-add</div>
|
|
<div class="code-name">&#xe6a9;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">fabulous</div>
|
|
<div class="code-name">&#xe6aa;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">file</div>
|
|
<div class="code-name">&#xe6ab;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">folder-close</div>
|
|
<div class="code-name">&#xe6ac;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">good</div>
|
|
<div class="code-name">&#xe6ad;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">hide</div>
|
|
<div class="code-name">&#xe6ae;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">file-open</div>
|
|
<div class="code-name">&#xe6af;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">forward</div>
|
|
<div class="code-name">&#xe6b0;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">import</div>
|
|
<div class="code-name">&#xe6b1;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">link</div>
|
|
<div class="code-name">&#xe6b2;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">layout</div>
|
|
<div class="code-name">&#xe6b3;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">fullscreen-shrink</div>
|
|
<div class="code-name">&#xe6b4;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">layers</div>
|
|
<div class="code-name">&#xe6b5;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">lock</div>
|
|
<div class="code-name">&#xe6b6;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">fullscreen-expand</div>
|
|
<div class="code-name">&#xe6b7;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">map</div>
|
|
<div class="code-name">&#xe6b8;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">meh</div>
|
|
<div class="code-name">&#xe6b9;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">menu</div>
|
|
<div class="code-name">&#xe6ba;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">loading</div>
|
|
<div class="code-name">&#xe6bb;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">help</div>
|
|
<div class="code-name">&#xe6bc;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">modular</div>
|
|
<div class="code-name">&#xe6bd;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">notification</div>
|
|
<div class="code-name">&#xe6be;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">mic</div>
|
|
<div class="code-name">&#xe6bf;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">operation</div>
|
|
<div class="code-name">&#xe6c1;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">print</div>
|
|
<div class="code-name">&#xe6c2;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">mobile-phone</div>
|
|
<div class="code-name">&#xe6c3;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">navigation</div>
|
|
<div class="code-name">&#xe6c4;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">move</div>
|
|
<div class="code-name">&#xe6c5;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">refresh</div>
|
|
<div class="code-name">&#xe6c6;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">run-up</div>
|
|
<div class="code-name">&#xe6c7;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">picture</div>
|
|
<div class="code-name">&#xe6c8;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">run-in</div>
|
|
<div class="code-name">&#xe6c9;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">pin</div>
|
|
<div class="code-name">&#xe6ca;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">save</div>
|
|
<div class="code-name">&#xe6cb;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">search</div>
|
|
<div class="code-name">&#xe6cc;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">share</div>
|
|
<div class="code-name">&#xe6cd;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">scanning</div>
|
|
<div class="code-name">&#xe6ce;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">security</div>
|
|
<div class="code-name">&#xe6cf;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">select</div>
|
|
<div class="code-name">&#xe6d0;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">stop</div>
|
|
<div class="code-name">&#xe6d1;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">smile</div>
|
|
<div class="code-name">&#xe6d2;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">switch</div>
|
|
<div class="code-name">&#xe6d3;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">setting</div>
|
|
<div class="code-name">&#xe6d4;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">survey</div>
|
|
<div class="code-name">&#xe6d5;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">task</div>
|
|
<div class="code-name">&#xe6d6;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">skip</div>
|
|
<div class="code-name">&#xe6d7;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">text</div>
|
|
<div class="code-name">&#xe6d8;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">time</div>
|
|
<div class="code-name">&#xe6d9;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">toggle-left</div>
|
|
<div class="code-name">&#xe6da;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">toggle-right</div>
|
|
<div class="code-name">&#xe6db;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">top</div>
|
|
<div class="code-name">&#xe6dc;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">unlock</div>
|
|
<div class="code-name">&#xe6dd;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">user</div>
|
|
<div class="code-name">&#xe6de;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">upload</div>
|
|
<div class="code-name">&#xe6df;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">work</div>
|
|
<div class="code-name">&#xe6e0;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">warning</div>
|
|
<div class="code-name">&#xe6e1;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">add-bold</div>
|
|
<div class="code-name">&#xe6e2;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-left-bold</div>
|
|
<div class="code-name">&#xe6e3;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-up-bold</div>
|
|
<div class="code-name">&#xe6e4;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">close-bold</div>
|
|
<div class="code-name">&#xe6e5;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-down-bold</div>
|
|
<div class="code-name">&#xe6e6;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">minus-bold</div>
|
|
<div class="code-name">&#xe6e7;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">arrow-right-bold</div>
|
|
<div class="code-name">&#xe6e8;</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon"></span>
|
|
<div class="name">select-bold</div>
|
|
<div class="code-name">&#xe6e9;</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="content font-class">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-jiazai"></span>
|
|
<div class="name">
|
|
加载
|
|
</div>
|
|
<div class="code-name">.pear-icon-jiazai
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-3column"></span>
|
|
<div class="name">
|
|
column-3
|
|
</div>
|
|
<div class="code-name">.pear-icon-3column
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-column-4"></span>
|
|
<div class="name">
|
|
column-4
|
|
</div>
|
|
<div class="code-name">.pear-icon-column-4
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-add"></span>
|
|
<div class="name">
|
|
add
|
|
</div>
|
|
<div class="code-name">.pear-icon-add
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-adjust"></span>
|
|
<div class="name">
|
|
adjust
|
|
</div>
|
|
<div class="code-name">.pear-icon-adjust
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-ashbin"></span>
|
|
<div class="name">
|
|
ashbin
|
|
</div>
|
|
<div class="code-name">.pear-icon-ashbin
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-browse"></span>
|
|
<div class="name">
|
|
browse
|
|
</div>
|
|
<div class="code-name">.pear-icon-browse
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-bottom"></span>
|
|
<div class="name">
|
|
bottom
|
|
</div>
|
|
<div class="code-name">.pear-icon-bottom
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-back"></span>
|
|
<div class="name">
|
|
back
|
|
</div>
|
|
<div class="code-name">.pear-icon-back
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-bad"></span>
|
|
<div class="name">
|
|
bad
|
|
</div>
|
|
<div class="code-name">.pear-icon-bad
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-double-left"></span>
|
|
<div class="name">
|
|
arrow-double-left
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-double-left
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-double-right"></span>
|
|
<div class="name">
|
|
arrow-double-right
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-double-right
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-camera"></span>
|
|
<div class="name">
|
|
camera
|
|
</div>
|
|
<div class="code-name">.pear-icon-camera
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-chart-bar"></span>
|
|
<div class="name">
|
|
chart-bar
|
|
</div>
|
|
<div class="code-name">.pear-icon-chart-bar
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-attachment"></span>
|
|
<div class="name">
|
|
attachment
|
|
</div>
|
|
<div class="code-name">.pear-icon-attachment
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-code"></span>
|
|
<div class="name">
|
|
code
|
|
</div>
|
|
<div class="code-name">.pear-icon-code
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-close"></span>
|
|
<div class="name">
|
|
close
|
|
</div>
|
|
<div class="code-name">.pear-icon-close
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-check-item"></span>
|
|
<div class="name">
|
|
check-item
|
|
</div>
|
|
<div class="code-name">.pear-icon-check-item
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-calendar"></span>
|
|
<div class="name">
|
|
calendar
|
|
</div>
|
|
<div class="code-name">.pear-icon-calendar
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-comment"></span>
|
|
<div class="name">
|
|
comment
|
|
</div>
|
|
<div class="code-name">.pear-icon-comment
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-column-vertical"></span>
|
|
<div class="name">
|
|
column-vertical
|
|
</div>
|
|
<div class="code-name">.pear-icon-column-vertical
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-column-horizontal"></span>
|
|
<div class="name">
|
|
column-horizontal
|
|
</div>
|
|
<div class="code-name">.pear-icon-column-horizontal
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-complete"></span>
|
|
<div class="name">
|
|
complete
|
|
</div>
|
|
<div class="code-name">.pear-icon-complete
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-chart-pie"></span>
|
|
<div class="name">
|
|
chart-pie
|
|
</div>
|
|
<div class="code-name">.pear-icon-chart-pie
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-cry"></span>
|
|
<div class="name">
|
|
cry
|
|
</div>
|
|
<div class="code-name">.pear-icon-cry
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-customer-service"></span>
|
|
<div class="name">
|
|
customer-service
|
|
</div>
|
|
<div class="code-name">.pear-icon-customer-service
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-direction-down"></span>
|
|
<div class="name">
|
|
direction-down
|
|
</div>
|
|
<div class="code-name">.pear-icon-direction-down
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-copy"></span>
|
|
<div class="name">
|
|
copy
|
|
</div>
|
|
<div class="code-name">.pear-icon-copy
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-cut"></span>
|
|
<div class="name">
|
|
cut
|
|
</div>
|
|
<div class="code-name">.pear-icon-cut
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-data-view"></span>
|
|
<div class="name">
|
|
data-view
|
|
</div>
|
|
<div class="code-name">.pear-icon-data-view
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-direction-right"></span>
|
|
<div class="name">
|
|
direction-right
|
|
</div>
|
|
<div class="code-name">.pear-icon-direction-right
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-direction-up"></span>
|
|
<div class="name">
|
|
direction-up
|
|
</div>
|
|
<div class="code-name">.pear-icon-direction-up
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-discount"></span>
|
|
<div class="name">
|
|
discount
|
|
</div>
|
|
<div class="code-name">.pear-icon-discount
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-direction-left"></span>
|
|
<div class="name">
|
|
direction-left
|
|
</div>
|
|
<div class="code-name">.pear-icon-direction-left
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-download"></span>
|
|
<div class="name">
|
|
download
|
|
</div>
|
|
<div class="code-name">.pear-icon-download
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-electronics"></span>
|
|
<div class="name">
|
|
electronics
|
|
</div>
|
|
<div class="code-name">.pear-icon-electronics
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-drag"></span>
|
|
<div class="name">
|
|
drag
|
|
</div>
|
|
<div class="code-name">.pear-icon-drag
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-elipsis"></span>
|
|
<div class="name">
|
|
elipsis
|
|
</div>
|
|
<div class="code-name">.pear-icon-elipsis
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-export"></span>
|
|
<div class="name">
|
|
export
|
|
</div>
|
|
<div class="code-name">.pear-icon-export
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-explain"></span>
|
|
<div class="name">
|
|
explain
|
|
</div>
|
|
<div class="code-name">.pear-icon-explain
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-edit"></span>
|
|
<div class="name">
|
|
edit
|
|
</div>
|
|
<div class="code-name">.pear-icon-edit
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-eye-close"></span>
|
|
<div class="name">
|
|
eye-close
|
|
</div>
|
|
<div class="code-name">.pear-icon-eye-close
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-email"></span>
|
|
<div class="name">
|
|
email
|
|
</div>
|
|
<div class="code-name">.pear-icon-email
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-favorite"></span>
|
|
<div class="name">
|
|
favorite
|
|
</div>
|
|
<div class="code-name">.pear-icon-favorite
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-file-common"></span>
|
|
<div class="name">
|
|
file-common
|
|
</div>
|
|
<div class="code-name">.pear-icon-file-common
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-file-delete"></span>
|
|
<div class="name">
|
|
file-delete
|
|
</div>
|
|
<div class="code-name">.pear-icon-file-delete
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-file-add"></span>
|
|
<div class="name">
|
|
file-add
|
|
</div>
|
|
<div class="code-name">.pear-icon-file-add
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-fabulous"></span>
|
|
<div class="name">
|
|
fabulous
|
|
</div>
|
|
<div class="code-name">.pear-icon-fabulous
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-file"></span>
|
|
<div class="name">
|
|
file
|
|
</div>
|
|
<div class="code-name">.pear-icon-file
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-folder-close"></span>
|
|
<div class="name">
|
|
folder-close
|
|
</div>
|
|
<div class="code-name">.pear-icon-folder-close
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-good"></span>
|
|
<div class="name">
|
|
good
|
|
</div>
|
|
<div class="code-name">.pear-icon-good
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-hide"></span>
|
|
<div class="name">
|
|
hide
|
|
</div>
|
|
<div class="code-name">.pear-icon-hide
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-file-open"></span>
|
|
<div class="name">
|
|
file-open
|
|
</div>
|
|
<div class="code-name">.pear-icon-file-open
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-forward"></span>
|
|
<div class="name">
|
|
forward
|
|
</div>
|
|
<div class="code-name">.pear-icon-forward
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-import"></span>
|
|
<div class="name">
|
|
import
|
|
</div>
|
|
<div class="code-name">.pear-icon-import
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-link"></span>
|
|
<div class="name">
|
|
link
|
|
</div>
|
|
<div class="code-name">.pear-icon-link
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-layout"></span>
|
|
<div class="name">
|
|
layout
|
|
</div>
|
|
<div class="code-name">.pear-icon-layout
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-fullscreen-shrink"></span>
|
|
<div class="name">
|
|
fullscreen-shrink
|
|
</div>
|
|
<div class="code-name">.pear-icon-fullscreen-shrink
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-layers"></span>
|
|
<div class="name">
|
|
layers
|
|
</div>
|
|
<div class="code-name">.pear-icon-layers
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-lock"></span>
|
|
<div class="name">
|
|
lock
|
|
</div>
|
|
<div class="code-name">.pear-icon-lock
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-fullscreen-expand"></span>
|
|
<div class="name">
|
|
fullscreen-expand
|
|
</div>
|
|
<div class="code-name">.pear-icon-fullscreen-expand
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-map"></span>
|
|
<div class="name">
|
|
map
|
|
</div>
|
|
<div class="code-name">.pear-icon-map
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-meh"></span>
|
|
<div class="name">
|
|
meh
|
|
</div>
|
|
<div class="code-name">.pear-icon-meh
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-menu"></span>
|
|
<div class="name">
|
|
menu
|
|
</div>
|
|
<div class="code-name">.pear-icon-menu
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-loading"></span>
|
|
<div class="name">
|
|
loading
|
|
</div>
|
|
<div class="code-name">.pear-icon-loading
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-help"></span>
|
|
<div class="name">
|
|
help
|
|
</div>
|
|
<div class="code-name">.pear-icon-help
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-modular"></span>
|
|
<div class="name">
|
|
modular
|
|
</div>
|
|
<div class="code-name">.pear-icon-modular
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-notification"></span>
|
|
<div class="name">
|
|
notification
|
|
</div>
|
|
<div class="code-name">.pear-icon-notification
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-mic"></span>
|
|
<div class="name">
|
|
mic
|
|
</div>
|
|
<div class="code-name">.pear-icon-mic
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-operation"></span>
|
|
<div class="name">
|
|
operation
|
|
</div>
|
|
<div class="code-name">.pear-icon-operation
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-print"></span>
|
|
<div class="name">
|
|
print
|
|
</div>
|
|
<div class="code-name">.pear-icon-print
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-mobile-phone"></span>
|
|
<div class="name">
|
|
mobile-phone
|
|
</div>
|
|
<div class="code-name">.pear-icon-mobile-phone
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-navigation"></span>
|
|
<div class="name">
|
|
navigation
|
|
</div>
|
|
<div class="code-name">.pear-icon-navigation
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-move"></span>
|
|
<div class="name">
|
|
move
|
|
</div>
|
|
<div class="code-name">.pear-icon-move
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-refresh"></span>
|
|
<div class="name">
|
|
refresh
|
|
</div>
|
|
<div class="code-name">.pear-icon-refresh
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-run-up"></span>
|
|
<div class="name">
|
|
run-up
|
|
</div>
|
|
<div class="code-name">.pear-icon-run-up
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-picture"></span>
|
|
<div class="name">
|
|
picture
|
|
</div>
|
|
<div class="code-name">.pear-icon-picture
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-run-in"></span>
|
|
<div class="name">
|
|
run-in
|
|
</div>
|
|
<div class="code-name">.pear-icon-run-in
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-pin"></span>
|
|
<div class="name">
|
|
pin
|
|
</div>
|
|
<div class="code-name">.pear-icon-pin
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-save"></span>
|
|
<div class="name">
|
|
save
|
|
</div>
|
|
<div class="code-name">.pear-icon-save
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-search"></span>
|
|
<div class="name">
|
|
search
|
|
</div>
|
|
<div class="code-name">.pear-icon-search
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-share"></span>
|
|
<div class="name">
|
|
share
|
|
</div>
|
|
<div class="code-name">.pear-icon-share
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-scanning"></span>
|
|
<div class="name">
|
|
scanning
|
|
</div>
|
|
<div class="code-name">.pear-icon-scanning
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-security"></span>
|
|
<div class="name">
|
|
security
|
|
</div>
|
|
<div class="code-name">.pear-icon-security
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-select"></span>
|
|
<div class="name">
|
|
select
|
|
</div>
|
|
<div class="code-name">.pear-icon-select
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-stop"></span>
|
|
<div class="name">
|
|
stop
|
|
</div>
|
|
<div class="code-name">.pear-icon-stop
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-smile"></span>
|
|
<div class="name">
|
|
smile
|
|
</div>
|
|
<div class="code-name">.pear-icon-smile
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-switch"></span>
|
|
<div class="name">
|
|
switch
|
|
</div>
|
|
<div class="code-name">.pear-icon-switch
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-setting"></span>
|
|
<div class="name">
|
|
setting
|
|
</div>
|
|
<div class="code-name">.pear-icon-setting
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-survey"></span>
|
|
<div class="name">
|
|
survey
|
|
</div>
|
|
<div class="code-name">.pear-icon-survey
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-task"></span>
|
|
<div class="name">
|
|
task
|
|
</div>
|
|
<div class="code-name">.pear-icon-task
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-skip"></span>
|
|
<div class="name">
|
|
skip
|
|
</div>
|
|
<div class="code-name">.pear-icon-skip
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-text"></span>
|
|
<div class="name">
|
|
text
|
|
</div>
|
|
<div class="code-name">.pear-icon-text
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-time"></span>
|
|
<div class="name">
|
|
time
|
|
</div>
|
|
<div class="code-name">.pear-icon-time
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-toggle-left"></span>
|
|
<div class="name">
|
|
toggle-left
|
|
</div>
|
|
<div class="code-name">.pear-icon-toggle-left
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-toggle-right"></span>
|
|
<div class="name">
|
|
toggle-right
|
|
</div>
|
|
<div class="code-name">.pear-icon-toggle-right
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-top"></span>
|
|
<div class="name">
|
|
top
|
|
</div>
|
|
<div class="code-name">.pear-icon-top
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-unlock"></span>
|
|
<div class="name">
|
|
unlock
|
|
</div>
|
|
<div class="code-name">.pear-icon-unlock
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-user"></span>
|
|
<div class="name">
|
|
user
|
|
</div>
|
|
<div class="code-name">.pear-icon-user
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-upload"></span>
|
|
<div class="name">
|
|
upload
|
|
</div>
|
|
<div class="code-name">.pear-icon-upload
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-work"></span>
|
|
<div class="name">
|
|
work
|
|
</div>
|
|
<div class="code-name">.pear-icon-work
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-warning"></span>
|
|
<div class="name">
|
|
warning
|
|
</div>
|
|
<div class="code-name">.pear-icon-warning
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-add-bold"></span>
|
|
<div class="name">
|
|
add-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-add-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-left-bold"></span>
|
|
<div class="name">
|
|
arrow-left-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-left-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-up-bold"></span>
|
|
<div class="name">
|
|
arrow-up-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-up-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-close-bold"></span>
|
|
<div class="name">
|
|
close-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-close-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-down-bold"></span>
|
|
<div class="name">
|
|
arrow-down-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-down-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-minus-bold"></span>
|
|
<div class="name">
|
|
minus-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-minus-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-arrow-right-bold"></span>
|
|
<div class="name">
|
|
arrow-right-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-arrow-right-bold
|
|
</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<span class="icon pear-icon pear-icon-select-bold"></span>
|
|
<div class="name">
|
|
select-bold
|
|
</div>
|
|
<div class="code-name">.pear-icon-select-bold
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
<div class="article markdown">
|
|
</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="#pear-icon-jiazai"></use>
|
|
</svg>
|
|
<div class="name">加载</div>
|
|
<div class="code-name">#pear-icon-jiazai</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-3column"></use>
|
|
</svg>
|
|
<div class="name">column-3</div>
|
|
<div class="code-name">#pear-icon-3column</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-column-4"></use>
|
|
</svg>
|
|
<div class="name">column-4</div>
|
|
<div class="code-name">#pear-icon-column-4</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-add"></use>
|
|
</svg>
|
|
<div class="name">add</div>
|
|
<div class="code-name">#pear-icon-add</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-adjust"></use>
|
|
</svg>
|
|
<div class="name">adjust</div>
|
|
<div class="code-name">#pear-icon-adjust</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-ashbin"></use>
|
|
</svg>
|
|
<div class="name">ashbin</div>
|
|
<div class="code-name">#pear-icon-ashbin</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-browse"></use>
|
|
</svg>
|
|
<div class="name">browse</div>
|
|
<div class="code-name">#pear-icon-browse</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-bottom"></use>
|
|
</svg>
|
|
<div class="name">bottom</div>
|
|
<div class="code-name">#pear-icon-bottom</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-back"></use>
|
|
</svg>
|
|
<div class="name">back</div>
|
|
<div class="code-name">#pear-icon-back</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-bad"></use>
|
|
</svg>
|
|
<div class="name">bad</div>
|
|
<div class="code-name">#pear-icon-bad</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-double-left"></use>
|
|
</svg>
|
|
<div class="name">arrow-double-left</div>
|
|
<div class="code-name">#pear-icon-arrow-double-left</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-double-right"></use>
|
|
</svg>
|
|
<div class="name">arrow-double-right</div>
|
|
<div class="code-name">#pear-icon-arrow-double-right</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-camera"></use>
|
|
</svg>
|
|
<div class="name">camera</div>
|
|
<div class="code-name">#pear-icon-camera</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-chart-bar"></use>
|
|
</svg>
|
|
<div class="name">chart-bar</div>
|
|
<div class="code-name">#pear-icon-chart-bar</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-attachment"></use>
|
|
</svg>
|
|
<div class="name">attachment</div>
|
|
<div class="code-name">#pear-icon-attachment</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-code"></use>
|
|
</svg>
|
|
<div class="name">code</div>
|
|
<div class="code-name">#pear-icon-code</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-close"></use>
|
|
</svg>
|
|
<div class="name">close</div>
|
|
<div class="code-name">#pear-icon-close</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-check-item"></use>
|
|
</svg>
|
|
<div class="name">check-item</div>
|
|
<div class="code-name">#pear-icon-check-item</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-calendar"></use>
|
|
</svg>
|
|
<div class="name">calendar</div>
|
|
<div class="code-name">#pear-icon-calendar</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-comment"></use>
|
|
</svg>
|
|
<div class="name">comment</div>
|
|
<div class="code-name">#pear-icon-comment</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-column-vertical"></use>
|
|
</svg>
|
|
<div class="name">column-vertical</div>
|
|
<div class="code-name">#pear-icon-column-vertical</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-column-horizontal"></use>
|
|
</svg>
|
|
<div class="name">column-horizontal</div>
|
|
<div class="code-name">#pear-icon-column-horizontal</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-complete"></use>
|
|
</svg>
|
|
<div class="name">complete</div>
|
|
<div class="code-name">#pear-icon-complete</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-chart-pie"></use>
|
|
</svg>
|
|
<div class="name">chart-pie</div>
|
|
<div class="code-name">#pear-icon-chart-pie</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-cry"></use>
|
|
</svg>
|
|
<div class="name">cry</div>
|
|
<div class="code-name">#pear-icon-cry</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-customer-service"></use>
|
|
</svg>
|
|
<div class="name">customer-service</div>
|
|
<div class="code-name">#pear-icon-customer-service</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-direction-down"></use>
|
|
</svg>
|
|
<div class="name">direction-down</div>
|
|
<div class="code-name">#pear-icon-direction-down</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-copy"></use>
|
|
</svg>
|
|
<div class="name">copy</div>
|
|
<div class="code-name">#pear-icon-copy</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-cut"></use>
|
|
</svg>
|
|
<div class="name">cut</div>
|
|
<div class="code-name">#pear-icon-cut</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-data-view"></use>
|
|
</svg>
|
|
<div class="name">data-view</div>
|
|
<div class="code-name">#pear-icon-data-view</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-direction-right"></use>
|
|
</svg>
|
|
<div class="name">direction-right</div>
|
|
<div class="code-name">#pear-icon-direction-right</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-direction-up"></use>
|
|
</svg>
|
|
<div class="name">direction-up</div>
|
|
<div class="code-name">#pear-icon-direction-up</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-discount"></use>
|
|
</svg>
|
|
<div class="name">discount</div>
|
|
<div class="code-name">#pear-icon-discount</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-direction-left"></use>
|
|
</svg>
|
|
<div class="name">direction-left</div>
|
|
<div class="code-name">#pear-icon-direction-left</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-download"></use>
|
|
</svg>
|
|
<div class="name">download</div>
|
|
<div class="code-name">#pear-icon-download</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-electronics"></use>
|
|
</svg>
|
|
<div class="name">electronics</div>
|
|
<div class="code-name">#pear-icon-electronics</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-drag"></use>
|
|
</svg>
|
|
<div class="name">drag</div>
|
|
<div class="code-name">#pear-icon-drag</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-elipsis"></use>
|
|
</svg>
|
|
<div class="name">elipsis</div>
|
|
<div class="code-name">#pear-icon-elipsis</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-export"></use>
|
|
</svg>
|
|
<div class="name">export</div>
|
|
<div class="code-name">#pear-icon-export</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-explain"></use>
|
|
</svg>
|
|
<div class="name">explain</div>
|
|
<div class="code-name">#pear-icon-explain</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-edit"></use>
|
|
</svg>
|
|
<div class="name">edit</div>
|
|
<div class="code-name">#pear-icon-edit</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-eye-close"></use>
|
|
</svg>
|
|
<div class="name">eye-close</div>
|
|
<div class="code-name">#pear-icon-eye-close</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-email"></use>
|
|
</svg>
|
|
<div class="name">email</div>
|
|
<div class="code-name">#pear-icon-email</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-favorite"></use>
|
|
</svg>
|
|
<div class="name">favorite</div>
|
|
<div class="code-name">#pear-icon-favorite</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-file-common"></use>
|
|
</svg>
|
|
<div class="name">file-common</div>
|
|
<div class="code-name">#pear-icon-file-common</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-file-delete"></use>
|
|
</svg>
|
|
<div class="name">file-delete</div>
|
|
<div class="code-name">#pear-icon-file-delete</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-file-add"></use>
|
|
</svg>
|
|
<div class="name">file-add</div>
|
|
<div class="code-name">#pear-icon-file-add</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-fabulous"></use>
|
|
</svg>
|
|
<div class="name">fabulous</div>
|
|
<div class="code-name">#pear-icon-fabulous</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-file"></use>
|
|
</svg>
|
|
<div class="name">file</div>
|
|
<div class="code-name">#pear-icon-file</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-folder-close"></use>
|
|
</svg>
|
|
<div class="name">folder-close</div>
|
|
<div class="code-name">#pear-icon-folder-close</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-good"></use>
|
|
</svg>
|
|
<div class="name">good</div>
|
|
<div class="code-name">#pear-icon-good</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-hide"></use>
|
|
</svg>
|
|
<div class="name">hide</div>
|
|
<div class="code-name">#pear-icon-hide</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-file-open"></use>
|
|
</svg>
|
|
<div class="name">file-open</div>
|
|
<div class="code-name">#pear-icon-file-open</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-forward"></use>
|
|
</svg>
|
|
<div class="name">forward</div>
|
|
<div class="code-name">#pear-icon-forward</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-import"></use>
|
|
</svg>
|
|
<div class="name">import</div>
|
|
<div class="code-name">#pear-icon-import</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-link"></use>
|
|
</svg>
|
|
<div class="name">link</div>
|
|
<div class="code-name">#pear-icon-link</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-layout"></use>
|
|
</svg>
|
|
<div class="name">layout</div>
|
|
<div class="code-name">#pear-icon-layout</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-fullscreen-shrink"></use>
|
|
</svg>
|
|
<div class="name">fullscreen-shrink</div>
|
|
<div class="code-name">#pear-icon-fullscreen-shrink</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-layers"></use>
|
|
</svg>
|
|
<div class="name">layers</div>
|
|
<div class="code-name">#pear-icon-layers</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-lock"></use>
|
|
</svg>
|
|
<div class="name">lock</div>
|
|
<div class="code-name">#pear-icon-lock</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-fullscreen-expand"></use>
|
|
</svg>
|
|
<div class="name">fullscreen-expand</div>
|
|
<div class="code-name">#pear-icon-fullscreen-expand</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-map"></use>
|
|
</svg>
|
|
<div class="name">map</div>
|
|
<div class="code-name">#pear-icon-map</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-meh"></use>
|
|
</svg>
|
|
<div class="name">meh</div>
|
|
<div class="code-name">#pear-icon-meh</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-menu"></use>
|
|
</svg>
|
|
<div class="name">menu</div>
|
|
<div class="code-name">#pear-icon-menu</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-loading"></use>
|
|
</svg>
|
|
<div class="name">loading</div>
|
|
<div class="code-name">#pear-icon-loading</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-help"></use>
|
|
</svg>
|
|
<div class="name">help</div>
|
|
<div class="code-name">#pear-icon-help</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-modular"></use>
|
|
</svg>
|
|
<div class="name">modular</div>
|
|
<div class="code-name">#pear-icon-modular</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-notification"></use>
|
|
</svg>
|
|
<div class="name">notification</div>
|
|
<div class="code-name">#pear-icon-notification</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-mic"></use>
|
|
</svg>
|
|
<div class="name">mic</div>
|
|
<div class="code-name">#pear-icon-mic</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-operation"></use>
|
|
</svg>
|
|
<div class="name">operation</div>
|
|
<div class="code-name">#pear-icon-operation</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-print"></use>
|
|
</svg>
|
|
<div class="name">print</div>
|
|
<div class="code-name">#pear-icon-print</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-mobile-phone"></use>
|
|
</svg>
|
|
<div class="name">mobile-phone</div>
|
|
<div class="code-name">#pear-icon-mobile-phone</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-navigation"></use>
|
|
</svg>
|
|
<div class="name">navigation</div>
|
|
<div class="code-name">#pear-icon-navigation</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-move"></use>
|
|
</svg>
|
|
<div class="name">move</div>
|
|
<div class="code-name">#pear-icon-move</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-refresh"></use>
|
|
</svg>
|
|
<div class="name">refresh</div>
|
|
<div class="code-name">#pear-icon-refresh</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-run-up"></use>
|
|
</svg>
|
|
<div class="name">run-up</div>
|
|
<div class="code-name">#pear-icon-run-up</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-picture"></use>
|
|
</svg>
|
|
<div class="name">picture</div>
|
|
<div class="code-name">#pear-icon-picture</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-run-in"></use>
|
|
</svg>
|
|
<div class="name">run-in</div>
|
|
<div class="code-name">#pear-icon-run-in</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-pin"></use>
|
|
</svg>
|
|
<div class="name">pin</div>
|
|
<div class="code-name">#pear-icon-pin</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-save"></use>
|
|
</svg>
|
|
<div class="name">save</div>
|
|
<div class="code-name">#pear-icon-save</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-search"></use>
|
|
</svg>
|
|
<div class="name">search</div>
|
|
<div class="code-name">#pear-icon-search</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-share"></use>
|
|
</svg>
|
|
<div class="name">share</div>
|
|
<div class="code-name">#pear-icon-share</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-scanning"></use>
|
|
</svg>
|
|
<div class="name">scanning</div>
|
|
<div class="code-name">#pear-icon-scanning</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-security"></use>
|
|
</svg>
|
|
<div class="name">security</div>
|
|
<div class="code-name">#pear-icon-security</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-select"></use>
|
|
</svg>
|
|
<div class="name">select</div>
|
|
<div class="code-name">#pear-icon-select</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-stop"></use>
|
|
</svg>
|
|
<div class="name">stop</div>
|
|
<div class="code-name">#pear-icon-stop</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-smile"></use>
|
|
</svg>
|
|
<div class="name">smile</div>
|
|
<div class="code-name">#pear-icon-smile</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-switch"></use>
|
|
</svg>
|
|
<div class="name">switch</div>
|
|
<div class="code-name">#pear-icon-switch</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-setting"></use>
|
|
</svg>
|
|
<div class="name">setting</div>
|
|
<div class="code-name">#pear-icon-setting</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-survey"></use>
|
|
</svg>
|
|
<div class="name">survey</div>
|
|
<div class="code-name">#pear-icon-survey</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-task"></use>
|
|
</svg>
|
|
<div class="name">task</div>
|
|
<div class="code-name">#pear-icon-task</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-skip"></use>
|
|
</svg>
|
|
<div class="name">skip</div>
|
|
<div class="code-name">#pear-icon-skip</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-text"></use>
|
|
</svg>
|
|
<div class="name">text</div>
|
|
<div class="code-name">#pear-icon-text</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-time"></use>
|
|
</svg>
|
|
<div class="name">time</div>
|
|
<div class="code-name">#pear-icon-time</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-toggle-left"></use>
|
|
</svg>
|
|
<div class="name">toggle-left</div>
|
|
<div class="code-name">#pear-icon-toggle-left</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-toggle-right"></use>
|
|
</svg>
|
|
<div class="name">toggle-right</div>
|
|
<div class="code-name">#pear-icon-toggle-right</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-top"></use>
|
|
</svg>
|
|
<div class="name">top</div>
|
|
<div class="code-name">#pear-icon-top</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-unlock"></use>
|
|
</svg>
|
|
<div class="name">unlock</div>
|
|
<div class="code-name">#pear-icon-unlock</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-user"></use>
|
|
</svg>
|
|
<div class="name">user</div>
|
|
<div class="code-name">#pear-icon-user</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-upload"></use>
|
|
</svg>
|
|
<div class="name">upload</div>
|
|
<div class="code-name">#pear-icon-upload</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-work"></use>
|
|
</svg>
|
|
<div class="name">work</div>
|
|
<div class="code-name">#pear-icon-work</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-warning"></use>
|
|
</svg>
|
|
<div class="name">warning</div>
|
|
<div class="code-name">#pear-icon-warning</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-add-bold"></use>
|
|
</svg>
|
|
<div class="name">add-bold</div>
|
|
<div class="code-name">#pear-icon-add-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-left-bold"></use>
|
|
</svg>
|
|
<div class="name">arrow-left-bold</div>
|
|
<div class="code-name">#pear-icon-arrow-left-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-up-bold"></use>
|
|
</svg>
|
|
<div class="name">arrow-up-bold</div>
|
|
<div class="code-name">#pear-icon-arrow-up-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-close-bold"></use>
|
|
</svg>
|
|
<div class="name">close-bold</div>
|
|
<div class="code-name">#pear-icon-close-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-down-bold"></use>
|
|
</svg>
|
|
<div class="name">arrow-down-bold</div>
|
|
<div class="code-name">#pear-icon-arrow-down-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-minus-bold"></use>
|
|
</svg>
|
|
<div class="name">minus-bold</div>
|
|
<div class="code-name">#pear-icon-minus-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-arrow-right-bold"></use>
|
|
</svg>
|
|
<div class="name">arrow-right-bold</div>
|
|
<div class="code-name">#pear-icon-arrow-right-bold</div>
|
|
</li>
|
|
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#pear-icon-select-bold"></use>
|
|
</svg>
|
|
<div class="name">select-bold</div>
|
|
<div class="code-name">#pear-icon-select-bold</div>
|
|
</li>
|
|
</ul>
|
|
</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>
|