| | |
| | | <ul class="icon_lists dib-box"> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">输入</div> |
| | | <div class="code-name">&#xe63e;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">连接</div> |
| | | <div class="code-name">&#xe67b;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">断开</div> |
| | | <div class="code-name">&#xe640;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">队列</div> |
| | | <div class="code-name">&#xe660;</div> |
| | |
| | | <pre><code class="language-css" |
| | | >@font-face { |
| | | font-family: 'iconfont'; |
| | | src: url('iconfont.woff2?t=1729061390753') format('woff2'), |
| | | url('iconfont.woff?t=1729061390753') format('woff'), |
| | | url('iconfont.ttf?t=1729061390753') format('truetype'); |
| | | src: url('iconfont.woff2?t=1729667747837') format('woff2'), |
| | | url('iconfont.woff?t=1729667747837') format('woff'), |
| | | url('iconfont.ttf?t=1729667747837') format('truetype'); |
| | | } |
| | | </code></pre> |
| | | <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> |
| | |
| | | </div> |
| | | <div class="content font-class"> |
| | | <ul class="icon_lists dib-box"> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-shuru"></span> |
| | | <div class="name"> |
| | | 输入 |
| | | </div> |
| | | <div class="code-name">.icon-shuru |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-lianjie"></span> |
| | | <div class="name"> |
| | | 连接 |
| | | </div> |
| | | <div class="code-name">.icon-lianjie |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-duankai"></span> |
| | | <div class="name"> |
| | | 断开 |
| | | </div> |
| | | <div class="code-name">.icon-duankai |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-duilie"></span> |
| | |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shuru"></use> |
| | | </svg> |
| | | <div class="name">输入</div> |
| | | <div class="code-name">#icon-shuru</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-lianjie"></use> |
| | | </svg> |
| | | <div class="name">连接</div> |
| | | <div class="code-name">#icon-lianjie</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-duankai"></use> |
| | | </svg> |
| | | <div class="name">断开</div> |
| | | <div class="code-name">#icon-duankai</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-duilie"></use> |
| | | </svg> |
| | | <div class="name">队列</div> |