|
@@ -55,6 +55,36 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">等级3</div>
|
|
|
+ <div class="code-name">&#xe6a1;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">等级2</div>
|
|
|
+ <div class="code-name">&#xe6a2;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">等级1</div>
|
|
|
+ <div class="code-name">&#xe6a3;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">等级4</div>
|
|
|
+ <div class="code-name">&#xe6a4;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont"></span>
|
|
|
+ <div class="name">等级5</div>
|
|
|
+ <div class="code-name">&#xe69f;</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont"></span>
|
|
|
<div class="name">右箭头</div>
|
|
|
<div class="code-name">&#xe69e;</div>
|
|
@@ -1254,9 +1284,9 @@
|
|
|
<pre><code class="language-css"
|
|
|
>@font-face {
|
|
|
font-family: 'iconfont';
|
|
|
- src: url('iconfont.woff2?t=1680079552072') format('woff2'),
|
|
|
- url('iconfont.woff?t=1680079552072') format('woff'),
|
|
|
- url('iconfont.ttf?t=1680079552072') format('truetype');
|
|
|
+ src: url('iconfont.woff2?t=1683251820692') format('woff2'),
|
|
|
+ url('iconfont.woff?t=1683251820692') format('woff'),
|
|
|
+ url('iconfont.ttf?t=1683251820692') format('truetype');
|
|
|
}
|
|
|
</code></pre>
|
|
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -1283,6 +1313,51 @@
|
|
|
<ul class="icon_lists dib-box">
|
|
|
|
|
|
<li class="dib">
|
|
|
+ <span class="icon iconfont icon-dengji1"></span>
|
|
|
+ <div class="name">
|
|
|
+ 等级3
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dengji1
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dengji2"></span>
|
|
|
+ <div class="name">
|
|
|
+ 等级2
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dengji2
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dengji11"></span>
|
|
|
+ <div class="name">
|
|
|
+ 等级1
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dengji11
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dengji4"></span>
|
|
|
+ <div class="name">
|
|
|
+ 等级4
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dengji4
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <span class="icon iconfont icon-dengji5"></span>
|
|
|
+ <div class="name">
|
|
|
+ 等级5
|
|
|
+ </div>
|
|
|
+ <div class="code-name">.icon-dengji5
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
<span class="icon iconfont icon-youjiantou"></span>
|
|
|
<div class="name">
|
|
|
右箭头
|
|
@@ -3084,6 +3159,46 @@
|
|
|
|
|
|
<li class="dib">
|
|
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dengji1"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">等级3</div>
|
|
|
+ <div class="code-name">#icon-dengji1</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dengji2"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">等级2</div>
|
|
|
+ <div class="code-name">#icon-dengji2</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dengji11"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">等级1</div>
|
|
|
+ <div class="code-name">#icon-dengji11</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dengji4"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">等级4</div>
|
|
|
+ <div class="code-name">#icon-dengji4</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-dengji5"></use>
|
|
|
+ </svg>
|
|
|
+ <div class="name">等级5</div>
|
|
|
+ <div class="code-name">#icon-dengji5</div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li class="dib">
|
|
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
|
|
<use xlink:href="#icon-youjiantou"></use>
|
|
|
</svg>
|
|
|
<div class="name">右箭头</div>
|