|
@@ -55,6 +55,12 @@
|
55
|
55
|
<ul class="icon_lists dib-box">
|
56
|
56
|
|
57
|
57
|
<li class="dib">
|
|
58
|
+ <span class="icon pda"></span>
|
|
59
|
+ <div class="name">下拉</div>
|
|
60
|
+ <div class="code-name">&#xe68f;</div>
|
|
61
|
+ </li>
|
|
62
|
+
|
|
63
|
+ <li class="dib">
|
58
|
64
|
<span class="icon pda"></span>
|
59
|
65
|
<div class="name">失败</div>
|
60
|
66
|
<div class="code-name">&#xe626;</div>
|
|
@@ -126,9 +132,9 @@
|
126
|
132
|
<pre><code class="language-css"
|
127
|
133
|
>@font-face {
|
128
|
134
|
font-family: 'pda';
|
129
|
|
- src: url('iconfont.woff2?t=1650009457376') format('woff2'),
|
130
|
|
- url('iconfont.woff?t=1650009457376') format('woff'),
|
131
|
|
- url('iconfont.ttf?t=1650009457376') format('truetype');
|
|
135
|
+ src: url('iconfont.woff2?t=1650447797513') format('woff2'),
|
|
136
|
+ url('iconfont.woff?t=1650447797513') format('woff'),
|
|
137
|
+ url('iconfont.ttf?t=1650447797513') format('truetype');
|
132
|
138
|
}
|
133
|
139
|
</code></pre>
|
134
|
140
|
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
@@ -155,6 +161,15 @@
|
155
|
161
|
<ul class="icon_lists dib-box">
|
156
|
162
|
|
157
|
163
|
<li class="dib">
|
|
164
|
+ <span class="icon pda pda-xiala"></span>
|
|
165
|
+ <div class="name">
|
|
166
|
+ 下拉
|
|
167
|
+ </div>
|
|
168
|
+ <div class="code-name">.pda-xiala
|
|
169
|
+ </div>
|
|
170
|
+ </li>
|
|
171
|
+
|
|
172
|
+ <li class="dib">
|
158
|
173
|
<span class="icon pda pda-shibai"></span>
|
159
|
174
|
<div class="name">
|
160
|
175
|
失败
|
|
@@ -264,6 +279,14 @@
|
264
|
279
|
|
265
|
280
|
<li class="dib">
|
266
|
281
|
<svg class="icon svg-icon" aria-hidden="true">
|
|
282
|
+ <use xlink:href="#pda-xiala"></use>
|
|
283
|
+ </svg>
|
|
284
|
+ <div class="name">下拉</div>
|
|
285
|
+ <div class="code-name">#pda-xiala</div>
|
|
286
|
+ </li>
|
|
287
|
+
|
|
288
|
+ <li class="dib">
|
|
289
|
+ <svg class="icon svg-icon" aria-hidden="true">
|
267
|
290
|
<use xlink:href="#pda-shibai"></use>
|
268
|
291
|
</svg>
|
269
|
292
|
<div class="name">失败</div>
|