|
@@ -55,6 +55,48 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">list_s</div>
|
|
|
+ <div class="code-name">&#xe776;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">message_c</div>
|
|
|
+ <div class="code-name">&#xe777;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">pen</div>
|
|
|
+ <div class="code-name">&#xe750;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">show_dot_s</div>
|
|
|
+ <div class="code-name">&#xe64f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">show_dot_n</div>
|
|
|
+ <div class="code-name">&#xe657;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">show_pic_n</div>
|
|
|
+ <div class="code-name">&#xe650;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">show_pic_s</div>
|
|
|
+ <div class="code-name">&#xe658;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">show_3d_s</div>
|
|
|
<div class="code-name">&#xe72b;</div>
|
|
@@ -552,9 +594,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1723082881853') format('woff2'),
|
|
|
- url('iconfont.woff?t=1723082881853') format('woff'),
|
|
|
- url('iconfont.ttf?t=1723082881853') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1734504872176') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1734504872176') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1734504872176') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -581,6 +623,69 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont icon-list_s"></span>
|
|
|
+ <div class="name">
|
|
|
+ list_s
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-list_s
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-message_c"></span>
|
|
|
+ <div class="name">
|
|
|
+ message_c
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-message_c
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-pen"></span>
|
|
|
+ <div class="name">
|
|
|
+ pen
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-pen
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-show_dot_s"></span>
|
|
|
+ <div class="name">
|
|
|
+ show_dot_s
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-show_dot_s
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-show_dot_n"></span>
|
|
|
+ <div class="name">
|
|
|
+ show_dot_n
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-show_dot_n
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-show_pic_n"></span>
|
|
|
+ <div class="name">
|
|
|
+ show_pic_n
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-show_pic_n
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-show_pic_s"></span>
|
|
|
+ <div class="name">
|
|
|
+ show_pic_s
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-show_pic_s
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont icon-show_3d_s"></span>
|
|
|
<div class="name">
|
|
|
show_3d_s
|
|
@@ -1329,6 +1434,62 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-list_s"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">list_s</div>
|
|
|
+ <div class="code-name">#icon-list_s</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-message_c"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">message_c</div>
|
|
|
+ <div class="code-name">#icon-message_c</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-pen"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">pen</div>
|
|
|
+ <div class="code-name">#icon-pen</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-show_dot_s"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">show_dot_s</div>
|
|
|
+ <div class="code-name">#icon-show_dot_s</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-show_dot_n"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">show_dot_n</div>
|
|
|
+ <div class="code-name">#icon-show_dot_n</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-show_pic_n"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">show_pic_n</div>
|
|
|
+ <div class="code-name">#icon-show_pic_n</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-show_pic_s"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">show_pic_s</div>
|
|
|
+ <div class="code-name">#icon-show_pic_s</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-show_3d_s"></use>
|
|
|
</svg>
|
|
|
<div class="name">show_3d_s</div>
|