|
@@ -55,6 +55,108 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_q</div>
|
|
|
+ <div class="code-name">&#xe773;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_rxd</div>
|
|
|
+ <div class="code-name">&#xe774;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_road_u</div>
|
|
|
+ <div class="code-name">&#xe775;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_zl-1</div>
|
|
|
+ <div class="code-name">&#xe776;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_lpsg</div>
|
|
|
+ <div class="code-name">&#xe777;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_zl</div>
|
|
|
+ <div class="code-name">&#xe778;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_xfsj</div>
|
|
|
+ <div class="code-name">&#xe779;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_dltlpjk</div>
|
|
|
+ <div class="code-name">&#xe77a;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_ysk</div>
|
|
|
+ <div class="code-name">&#xe77b;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_lmak</div>
|
|
|
+ <div class="code-name">&#xe77c;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_lmjs</div>
|
|
|
+ <div class="code-name">&#xe77d;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_sp</div>
|
|
|
+ <div class="code-name">&#xe77e;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_lj</div>
|
|
|
+ <div class="code-name">&#xe77f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_lmtcbf</div>
|
|
|
+ <div class="code-name">&#xe780;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_bmx</div>
|
|
|
+ <div class="code-name">&#xe781;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_sgld</div>
|
|
|
+ <div class="code-name">&#xe782;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">jg_sd</div>
|
|
|
+ <div class="code-name">&#xe783;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">road_wl</div>
|
|
|
<div class="code-name">&#xe772;</div>
|
|
@@ -630,9 +732,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1686207721082') format('woff2'),
|
|
|
- url('iconfont.woff?t=1686207721082') format('woff'),
|
|
|
- url('iconfont.ttf?t=1686207721082') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1686539943595') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1686539943595') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1686539943595') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -659,6 +761,159 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_q"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_q
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_q
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_rxd"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_rxd
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_rxd
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_road_u"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_road_u
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_road_u
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_zl-1"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_zl-1
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_zl-1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_lpsg"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_lpsg
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_lpsg
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_zl"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_zl
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_zl
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_xfsj"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_xfsj
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_xfsj
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_dltlpjk"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_dltlpjk
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_dltlpjk
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_ysk"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_ysk
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_ysk
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_lmak"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_lmak
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_lmak
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_lmjs"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_lmjs
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_lmjs
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_sp"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_sp
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_sp
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_lj"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_lj
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_lj
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_lmtcbf"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_lmtcbf
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_lmtcbf
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_bmx"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_bmx
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_bmx
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_sgld"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_sgld
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_sgld
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-jg_sd"></span>
|
|
|
+ <div class="name">
|
|
|
+ jg_sd
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-jg_sd
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont icon-road_wl"></span>
|
|
|
<div class="name">
|
|
|
road_wl
|
|
@@ -1524,6 +1779,142 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_q"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_q</div>
|
|
|
+ <div class="code-name">#icon-jg_q</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_rxd"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_rxd</div>
|
|
|
+ <div class="code-name">#icon-jg_rxd</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_road_u"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_road_u</div>
|
|
|
+ <div class="code-name">#icon-jg_road_u</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_zl-1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_zl-1</div>
|
|
|
+ <div class="code-name">#icon-jg_zl-1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_lpsg"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_lpsg</div>
|
|
|
+ <div class="code-name">#icon-jg_lpsg</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_zl"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_zl</div>
|
|
|
+ <div class="code-name">#icon-jg_zl</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_xfsj"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_xfsj</div>
|
|
|
+ <div class="code-name">#icon-jg_xfsj</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_dltlpjk"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_dltlpjk</div>
|
|
|
+ <div class="code-name">#icon-jg_dltlpjk</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_ysk"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_ysk</div>
|
|
|
+ <div class="code-name">#icon-jg_ysk</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_lmak"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_lmak</div>
|
|
|
+ <div class="code-name">#icon-jg_lmak</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_lmjs"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_lmjs</div>
|
|
|
+ <div class="code-name">#icon-jg_lmjs</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_sp"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_sp</div>
|
|
|
+ <div class="code-name">#icon-jg_sp</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_lj"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_lj</div>
|
|
|
+ <div class="code-name">#icon-jg_lj</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_lmtcbf"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_lmtcbf</div>
|
|
|
+ <div class="code-name">#icon-jg_lmtcbf</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_bmx"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_bmx</div>
|
|
|
+ <div class="code-name">#icon-jg_bmx</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_sgld"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_sgld</div>
|
|
|
+ <div class="code-name">#icon-jg_sgld</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-jg_sd"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">jg_sd</div>
|
|
|
+ <div class="code-name">#icon-jg_sd</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-road_wl"></use>
|
|
|
</svg>
|
|
|
<div class="name">road_wl</div>
|