|
@@ -55,6 +55,66 @@
|
|
<ul class="icon_lists dib-box">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
<li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">orientation</div>
|
|
|
|
+ <div class="code-name">&#xe7bf;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">window_n</div>
|
|
|
|
+ <div class="code-name">&#xe7b4;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">window_m</div>
|
|
|
|
+ <div class="code-name">&#xe7b5;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">screen_s</div>
|
|
|
|
+ <div class="code-name">&#xe7b2;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">3D_scence</div>
|
|
|
|
+ <div class="code-name">&#xe7b3;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">media</div>
|
|
|
|
+ <div class="code-name">&#xe7af;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">rename</div>
|
|
|
|
+ <div class="code-name">&#xe7b0;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">display</div>
|
|
|
|
+ <div class="code-name">&#xe7b1;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">line_d</div>
|
|
|
|
+ <div class="code-name">&#xe79e;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
|
+ <div class="name">a-label_s</div>
|
|
|
|
+ <div class="code-name">&#xe79d;</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
<span class="icon iconfont"></span>
|
|
<span class="icon iconfont"></span>
|
|
<div class="name">guide_p</div>
|
|
<div class="name">guide_p</div>
|
|
<div class="code-name">&#xe79c;</div>
|
|
<div class="code-name">&#xe79c;</div>
|
|
@@ -732,9 +792,9 @@
|
|
<pre><code class="language-css"
|
|
<pre><code class="language-css"
|
|
>@font-face {
|
|
>@font-face {
|
|
font-family: 'iconfont';
|
|
font-family: 'iconfont';
|
|
- src: url('iconfont.woff2?t=1743650860151') format('woff2'),
|
|
|
|
- url('iconfont.woff?t=1743650860151') format('woff'),
|
|
|
|
- url('iconfont.ttf?t=1743650860151') format('truetype');
|
|
|
|
|
|
+ src: url('iconfont.woff2?t=1756173741578') format('woff2'),
|
|
|
|
+ url('iconfont.woff?t=1756173741578') format('woff'),
|
|
|
|
+ url('iconfont.ttf?t=1756173741578') format('truetype');
|
|
}
|
|
}
|
|
</code></pre>
|
|
</code></pre>
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -761,6 +821,96 @@
|
|
<ul class="icon_lists dib-box">
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
<li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-orientation"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ orientation
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-orientation
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-window_n"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ window_n
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-window_n
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-window_m"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ window_m
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-window_m
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-screen_s"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ screen_s
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-screen_s
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-a-3D_scence"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ 3D_scence
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-a-3D_scence
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-media"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ media
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-media
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-rename"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ rename
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-rename
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-display"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ display
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-display
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-line_d"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ line_d
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-line_d
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <span class="icon iconfont icon-a-label_s"></span>
|
|
|
|
+ <div class="name">
|
|
|
|
+ a-label_s
|
|
|
|
+ </div>
|
|
|
|
+ <div class="code-name">.icon-a-label_s
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
<span class="icon iconfont icon-guide_p"></span>
|
|
<span class="icon iconfont icon-guide_p"></span>
|
|
<div class="name">
|
|
<div class="name">
|
|
guide_p
|
|
guide_p
|
|
@@ -1779,6 +1929,86 @@
|
|
|
|
|
|
<li class="dib">
|
|
<li class="dib">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-orientation"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">orientation</div>
|
|
|
|
+ <div class="code-name">#icon-orientation</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-window_n"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">window_n</div>
|
|
|
|
+ <div class="code-name">#icon-window_n</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-window_m"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">window_m</div>
|
|
|
|
+ <div class="code-name">#icon-window_m</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-screen_s"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">screen_s</div>
|
|
|
|
+ <div class="code-name">#icon-screen_s</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-a-3D_scence"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">3D_scence</div>
|
|
|
|
+ <div class="code-name">#icon-a-3D_scence</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-media"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">media</div>
|
|
|
|
+ <div class="code-name">#icon-media</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-rename"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">rename</div>
|
|
|
|
+ <div class="code-name">#icon-rename</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-display"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">display</div>
|
|
|
|
+ <div class="code-name">#icon-display</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-line_d"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">line_d</div>
|
|
|
|
+ <div class="code-name">#icon-line_d</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
|
+ <use xlink:href="#icon-a-label_s"></use>
|
|
|
|
+ </svg>
|
|
|
|
+ <div class="name">a-label_s</div>
|
|
|
|
+ <div class="code-name">#icon-a-label_s</div>
|
|
|
|
+ </li>
|
|
|
|
+
|
|
|
|
+ <li class="dib">
|
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
<use xlink:href="#icon-guide_p"></use>
|
|
<use xlink:href="#icon-guide_p"></use>
|
|
</svg>
|
|
</svg>
|
|
<div class="name">guide_p</div>
|
|
<div class="name">guide_p</div>
|