|
@@ -55,6 +55,204 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">star</div>
|
|
|
+ <div class="code-name">&#xe7d6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">edit-1</div>
|
|
|
+ <div class="code-name">&#xe7d7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">logout</div>
|
|
|
+ <div class="code-name">&#xe7d8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">chat-message</div>
|
|
|
+ <div class="code-name">&#xe7d9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">chevron-down</div>
|
|
|
+ <div class="code-name">&#xe7da;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">caret-down-small</div>
|
|
|
+ <div class="code-name">&#xe7db;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">cart</div>
|
|
|
+ <div class="code-name">&#xe7dc;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">delete-three</div>
|
|
|
+ <div class="code-name">&#xe7d5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">copy</div>
|
|
|
+ <div class="code-name">&#xe7d3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">quote</div>
|
|
|
+ <div class="code-name">&#xe7d4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">send</div>
|
|
|
+ <div class="code-name">&#xe7d2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">comment-two</div>
|
|
|
+ <div class="code-name">&#xe7cd;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">eit</div>
|
|
|
+ <div class="code-name">&#xe7ce;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">comments</div>
|
|
|
+ <div class="code-name">&#xe7cf;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">comment-one</div>
|
|
|
+ <div class="code-name">&#xe7d0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">like</div>
|
|
|
+ <div class="code-name">&#xe7d1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">set-top</div>
|
|
|
+ <div class="code-name">&#xe7c7;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">pic-two</div>
|
|
|
+ <div class="code-name">&#xe7c6;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">close-remind</div>
|
|
|
+ <div class="code-name">&#xe7c8;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">log</div>
|
|
|
+ <div class="code-name">&#xe7c9;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jubaoguanli</div>
|
|
|
+ <div class="code-name">&#xe7ca;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">setting</div>
|
|
|
+ <div class="code-name">&#xe7cb;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">delete-one</div>
|
|
|
+ <div class="code-name">&#xe7cc;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">close-one</div>
|
|
|
+ <div class="code-name">&#xe7c0;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">slightly-smiling-face</div>
|
|
|
+ <div class="code-name">&#xe7c1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">pic</div>
|
|
|
+ <div class="code-name">&#xe7c2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">voice-one</div>
|
|
|
+ <div class="code-name">&#xe7c4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">peoples-two</div>
|
|
|
+ <div class="code-name">&#xe7c5;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">caret-up</div>
|
|
|
+ <div class="code-name">&#xe8ed;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">info-circle</div>
|
|
|
+ <div class="code-name">&#xe77e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">left</div>
|
|
|
+ <div class="code-name">&#xe7ec;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">right</div>
|
|
|
+ <div class="code-name">&#xe7eb;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">menu</div>
|
|
|
+ <div class="code-name">&#xe7f4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">message</div>
|
|
|
<div class="code-name">&#xe78a;</div>
|
|
@@ -92,7 +290,7 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
- <div class="name">delete</div>
|
|
|
+ <div class="name">delete-two</div>
|
|
|
<div class="code-name">&#xe7c3;</div>
|
|
|
</li>
|
|
|
|
|
@@ -180,10 +378,10 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1731999413855') format('woff2'),
|
|
|
- url('iconfont.woff?t=1731999413855') format('woff'),
|
|
|
- url('iconfont.ttf?t=1731999413855') format('truetype'),
|
|
|
- url('iconfont.svg?t=1731999413855#iconfont') format('svg');
|
|
|
+ src: url('iconfont.woff2?t=1736823174249') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1736823174249') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1736823174249') format('truetype'),
|
|
|
+ url('iconfont.svg?t=1736823174249#iconfont') format('svg');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -210,6 +408,303 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont icon-star1"></span>
|
|
|
+ <div class="name">
|
|
|
+ star
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-star1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-edit-1"></span>
|
|
|
+ <div class="name">
|
|
|
+ edit-1
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-edit-1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-logout"></span>
|
|
|
+ <div class="name">
|
|
|
+ logout
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-logout
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chat-message"></span>
|
|
|
+ <div class="name">
|
|
|
+ chat-message
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chat-message
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-chevron-down"></span>
|
|
|
+ <div class="name">
|
|
|
+ chevron-down
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-chevron-down
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-caret-down-small"></span>
|
|
|
+ <div class="name">
|
|
|
+ caret-down-small
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-caret-down-small
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-cart"></span>
|
|
|
+ <div class="name">
|
|
|
+ cart
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-cart
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-delete-three"></span>
|
|
|
+ <div class="name">
|
|
|
+ delete-three
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-delete-three
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-copy"></span>
|
|
|
+ <div class="name">
|
|
|
+ copy
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-copy
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-quote"></span>
|
|
|
+ <div class="name">
|
|
|
+ quote
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-quote
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-send"></span>
|
|
|
+ <div class="name">
|
|
|
+ send
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-send
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-comment-two"></span>
|
|
|
+ <div class="name">
|
|
|
+ comment-two
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-comment-two
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-eit"></span>
|
|
|
+ <div class="name">
|
|
|
+ eit
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-eit
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-comments"></span>
|
|
|
+ <div class="name">
|
|
|
+ comments
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-comments
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-comment-one"></span>
|
|
|
+ <div class="name">
|
|
|
+ comment-one
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-comment-one
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-like"></span>
|
|
|
+ <div class="name">
|
|
|
+ like
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-like
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-set-top"></span>
|
|
|
+ <div class="name">
|
|
|
+ set-top
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-set-top
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pic-two"></span>
|
|
|
+ <div class="name">
|
|
|
+ pic-two
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pic-two
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-close-remind"></span>
|
|
|
+ <div class="name">
|
|
|
+ close-remind
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-close-remind
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-log"></span>
|
|
|
+ <div class="name">
|
|
|
+ log
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-log
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jubaoguanli"></span>
|
|
|
+ <div class="name">
|
|
|
+ jubaoguanli
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jubaoguanli
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-setting-one"></span>
|
|
|
+ <div class="name">
|
|
|
+ setting
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-setting-one
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-delete-one"></span>
|
|
|
+ <div class="name">
|
|
|
+ delete-one
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-delete-one
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-close-one"></span>
|
|
|
+ <div class="name">
|
|
|
+ close-one
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-close-one
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-slightly-smiling-face"></span>
|
|
|
+ <div class="name">
|
|
|
+ slightly-smiling-face
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-slightly-smiling-face
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pic"></span>
|
|
|
+ <div class="name">
|
|
|
+ pic
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pic
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-voice-one"></span>
|
|
|
+ <div class="name">
|
|
|
+ voice-one
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-voice-one
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-peoples-two"></span>
|
|
|
+ <div class="name">
|
|
|
+ peoples-two
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-peoples-two
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-caret-up"></span>
|
|
|
+ <div class="name">
|
|
|
+ caret-up
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-caret-up
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-info-circle"></span>
|
|
|
+ <div class="name">
|
|
|
+ info-circle
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-info-circle
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-left"></span>
|
|
|
+ <div class="name">
|
|
|
+ left
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-left
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-right"></span>
|
|
|
+ <div class="name">
|
|
|
+ right
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-right
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-menu"></span>
|
|
|
+ <div class="name">
|
|
|
+ menu
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-menu
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont icon-message"></span>
|
|
|
<div class="name">
|
|
|
message
|
|
@@ -264,11 +759,11 @@
|
|
|
</li>
|
|
|
|
|
|
<li class="dib">
|
|
|
- <span class="icon iconfont icon-delete"></span>
|
|
|
+ <span class="icon iconfont icon-delete-two"></span>
|
|
|
<div class="name">
|
|
|
- delete
|
|
|
+ delete-two
|
|
|
</div>
|
|
|
- <div class="code-name">.icon-delete
|
|
|
+ <div class="code-name">.icon-delete-two
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
@@ -400,6 +895,270 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-star1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">star</div>
|
|
|
+ <div class="code-name">#icon-star1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-edit-1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">edit-1</div>
|
|
|
+ <div class="code-name">#icon-edit-1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-logout"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">logout</div>
|
|
|
+ <div class="code-name">#icon-logout</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chat-message"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">chat-message</div>
|
|
|
+ <div class="code-name">#icon-chat-message</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-chevron-down"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">chevron-down</div>
|
|
|
+ <div class="code-name">#icon-chevron-down</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-caret-down-small"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">caret-down-small</div>
|
|
|
+ <div class="code-name">#icon-caret-down-small</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-cart"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">cart</div>
|
|
|
+ <div class="code-name">#icon-cart</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-delete-three"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">delete-three</div>
|
|
|
+ <div class="code-name">#icon-delete-three</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-copy"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">copy</div>
|
|
|
+ <div class="code-name">#icon-copy</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-quote"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">quote</div>
|
|
|
+ <div class="code-name">#icon-quote</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-send"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">send</div>
|
|
|
+ <div class="code-name">#icon-send</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-comment-two"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">comment-two</div>
|
|
|
+ <div class="code-name">#icon-comment-two</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-eit"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">eit</div>
|
|
|
+ <div class="code-name">#icon-eit</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-comments"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">comments</div>
|
|
|
+ <div class="code-name">#icon-comments</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-comment-one"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">comment-one</div>
|
|
|
+ <div class="code-name">#icon-comment-one</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-like"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">like</div>
|
|
|
+ <div class="code-name">#icon-like</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-set-top"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">set-top</div>
|
|
|
+ <div class="code-name">#icon-set-top</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pic-two"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">pic-two</div>
|
|
|
+ <div class="code-name">#icon-pic-two</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-close-remind"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">close-remind</div>
|
|
|
+ <div class="code-name">#icon-close-remind</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-log"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">log</div>
|
|
|
+ <div class="code-name">#icon-log</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jubaoguanli"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jubaoguanli</div>
|
|
|
+ <div class="code-name">#icon-jubaoguanli</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-setting-one"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">setting</div>
|
|
|
+ <div class="code-name">#icon-setting-one</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-delete-one"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">delete-one</div>
|
|
|
+ <div class="code-name">#icon-delete-one</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-close-one"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">close-one</div>
|
|
|
+ <div class="code-name">#icon-close-one</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-slightly-smiling-face"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">slightly-smiling-face</div>
|
|
|
+ <div class="code-name">#icon-slightly-smiling-face</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pic"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">pic</div>
|
|
|
+ <div class="code-name">#icon-pic</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-voice-one"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">voice-one</div>
|
|
|
+ <div class="code-name">#icon-voice-one</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-peoples-two"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">peoples-two</div>
|
|
|
+ <div class="code-name">#icon-peoples-two</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-caret-up"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">caret-up</div>
|
|
|
+ <div class="code-name">#icon-caret-up</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-info-circle"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">info-circle</div>
|
|
|
+ <div class="code-name">#icon-info-circle</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-left"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">left</div>
|
|
|
+ <div class="code-name">#icon-left</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-right"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">right</div>
|
|
|
+ <div class="code-name">#icon-right</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-menu"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">menu</div>
|
|
|
+ <div class="code-name">#icon-menu</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-message"></use>
|
|
|
</svg>
|
|
|
<div class="name">message</div>
|
|
@@ -448,10 +1207,10 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
- <use xlink:href="#icon-delete"></use>
|
|
|
+ <use xlink:href="#icon-delete-two"></use>
|
|
|
</svg>
|
|
|
- <div class="name">delete</div>
|
|
|
- <div class="code-name">#icon-delete</div>
|
|
|
+ <div class="name">delete-two</div>
|
|
|
+ <div class="code-name">#icon-delete-two</div>
|
|
|
</li>
|
|
|
|
|
|
<li class="dib">
|