| | |
| | | <ul class="icon_lists dib-box"> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">时间段</div> |
| | | <div class="code-name">&#xe662;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">等级</div> |
| | | <div class="code-name">&#xe663;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">任务描述</div> |
| | | <div class="code-name">&#xe664;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">声音</div> |
| | | <div class="code-name">&#xe665;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">关联</div> |
| | | <div class="code-name">&#xe661;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">订单管理</div> |
| | | <div class="code-name">&#xe65c;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">基本资料</div> |
| | | <div class="code-name">&#xe65d;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">账户总览</div> |
| | | <div class="code-name">&#xe65e;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">子账户管理</div> |
| | | <div class="code-name">&#xe65f;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">消息中心</div> |
| | | <div class="code-name">&#xe660;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">算法管理</div> |
| | | <div class="code-name">&#xe654;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">订单管理</div> |
| | | <div class="code-name">&#xe655;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">应用管理</div> |
| | | <div class="code-name">&#xe656;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">运营管理</div> |
| | | <div class="code-name">&#xe657;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">用户管理</div> |
| | | <div class="code-name">&#xe658;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">日期_14</div> |
| | | <div class="code-name">&#xe659;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">管理员报表-18</div> |
| | | <div class="code-name">&#xe65a;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">首页-18</div> |
| | | <div class="code-name">&#xe65b;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">说明_14</div> |
| | | <div class="code-name">&#xe653;</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont"></span> |
| | | <div class="name">配置提示_14</div> |
| | | <div class="code-name">&#xe652;</div> |
| | |
| | | <pre><code class="language-css" |
| | | >@font-face { |
| | | font-family: 'iconfont'; |
| | | src: url('iconfont.woff2?t=1648629629296') format('woff2'), |
| | | url('iconfont.woff?t=1648629629296') format('woff'), |
| | | url('iconfont.ttf?t=1648629629296') format('truetype'); |
| | | src: url('iconfont.woff2?t=1657623241745') format('woff2'), |
| | | url('iconfont.woff?t=1657623241745') format('woff'), |
| | | url('iconfont.ttf?t=1657623241745') 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-shijianduan"></span> |
| | | <div class="name"> |
| | | 时间段 |
| | | </div> |
| | | <div class="code-name">.icon-shijianduan |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-dengji"></span> |
| | | <div class="name"> |
| | | 等级 |
| | | </div> |
| | | <div class="code-name">.icon-dengji |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-renwumiaoshu"></span> |
| | | <div class="name"> |
| | | 任务描述 |
| | | </div> |
| | | <div class="code-name">.icon-renwumiaoshu |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-shengyin"></span> |
| | | <div class="name"> |
| | | 声音 |
| | | </div> |
| | | <div class="code-name">.icon-shengyin |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-guanlian"></span> |
| | | <div class="name"> |
| | | 关联 |
| | | </div> |
| | | <div class="code-name">.icon-guanlian |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-dingdanguanli1"></span> |
| | | <div class="name"> |
| | | 订单管理 |
| | | </div> |
| | | <div class="code-name">.icon-dingdanguanli1 |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-jibenziliao"></span> |
| | | <div class="name"> |
| | | 基本资料 |
| | | </div> |
| | | <div class="code-name">.icon-jibenziliao |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-zhanghuzonglan"></span> |
| | | <div class="name"> |
| | | 账户总览 |
| | | </div> |
| | | <div class="code-name">.icon-zhanghuzonglan |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-zizhanghuguanli"></span> |
| | | <div class="name"> |
| | | 子账户管理 |
| | | </div> |
| | | <div class="code-name">.icon-zizhanghuguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-xiaoxizhongxin"></span> |
| | | <div class="name"> |
| | | 消息中心 |
| | | </div> |
| | | <div class="code-name">.icon-xiaoxizhongxin |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-suanfaguanli"></span> |
| | | <div class="name"> |
| | | 算法管理 |
| | | </div> |
| | | <div class="code-name">.icon-suanfaguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-dingdanguanli"></span> |
| | | <div class="name"> |
| | | 订单管理 |
| | | </div> |
| | | <div class="code-name">.icon-dingdanguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-yingyongguanli"></span> |
| | | <div class="name"> |
| | | 应用管理 |
| | | </div> |
| | | <div class="code-name">.icon-yingyongguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-yunyingguanli"></span> |
| | | <div class="name"> |
| | | 运营管理 |
| | | </div> |
| | | <div class="code-name">.icon-yunyingguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-yonghuguanli"></span> |
| | | <div class="name"> |
| | | 用户管理 |
| | | </div> |
| | | <div class="code-name">.icon-yonghuguanli |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-riqi_14"></span> |
| | | <div class="name"> |
| | | 日期_14 |
| | | </div> |
| | | <div class="code-name">.icon-riqi_14 |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-guanliyuanbaobiao-18"></span> |
| | | <div class="name"> |
| | | 管理员报表-18 |
| | | </div> |
| | | <div class="code-name">.icon-guanliyuanbaobiao-18 |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-shouye-18"></span> |
| | | <div class="name"> |
| | | 首页-18 |
| | | </div> |
| | | <div class="code-name">.icon-shouye-18 |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-shuoming_14"></span> |
| | | <div class="name"> |
| | | 说明_14 |
| | | </div> |
| | | <div class="code-name">.icon-shuoming_14 |
| | | </div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <span class="icon iconfont icon-peizhitishi_14"></span> |
| | |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shijianduan"></use> |
| | | </svg> |
| | | <div class="name">时间段</div> |
| | | <div class="code-name">#icon-shijianduan</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-dengji"></use> |
| | | </svg> |
| | | <div class="name">等级</div> |
| | | <div class="code-name">#icon-dengji</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-renwumiaoshu"></use> |
| | | </svg> |
| | | <div class="name">任务描述</div> |
| | | <div class="code-name">#icon-renwumiaoshu</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shengyin"></use> |
| | | </svg> |
| | | <div class="name">声音</div> |
| | | <div class="code-name">#icon-shengyin</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-guanlian"></use> |
| | | </svg> |
| | | <div class="name">关联</div> |
| | | <div class="code-name">#icon-guanlian</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-dingdanguanli1"></use> |
| | | </svg> |
| | | <div class="name">订单管理</div> |
| | | <div class="code-name">#icon-dingdanguanli1</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-jibenziliao"></use> |
| | | </svg> |
| | | <div class="name">基本资料</div> |
| | | <div class="code-name">#icon-jibenziliao</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-zhanghuzonglan"></use> |
| | | </svg> |
| | | <div class="name">账户总览</div> |
| | | <div class="code-name">#icon-zhanghuzonglan</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-zizhanghuguanli"></use> |
| | | </svg> |
| | | <div class="name">子账户管理</div> |
| | | <div class="code-name">#icon-zizhanghuguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-xiaoxizhongxin"></use> |
| | | </svg> |
| | | <div class="name">消息中心</div> |
| | | <div class="code-name">#icon-xiaoxizhongxin</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-suanfaguanli"></use> |
| | | </svg> |
| | | <div class="name">算法管理</div> |
| | | <div class="code-name">#icon-suanfaguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-dingdanguanli"></use> |
| | | </svg> |
| | | <div class="name">订单管理</div> |
| | | <div class="code-name">#icon-dingdanguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-yingyongguanli"></use> |
| | | </svg> |
| | | <div class="name">应用管理</div> |
| | | <div class="code-name">#icon-yingyongguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-yunyingguanli"></use> |
| | | </svg> |
| | | <div class="name">运营管理</div> |
| | | <div class="code-name">#icon-yunyingguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-yonghuguanli"></use> |
| | | </svg> |
| | | <div class="name">用户管理</div> |
| | | <div class="code-name">#icon-yonghuguanli</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-riqi_14"></use> |
| | | </svg> |
| | | <div class="name">日期_14</div> |
| | | <div class="code-name">#icon-riqi_14</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-guanliyuanbaobiao-18"></use> |
| | | </svg> |
| | | <div class="name">管理员报表-18</div> |
| | | <div class="code-name">#icon-guanliyuanbaobiao-18</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shouye-18"></use> |
| | | </svg> |
| | | <div class="name">首页-18</div> |
| | | <div class="code-name">#icon-shouye-18</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-shuoming_14"></use> |
| | | </svg> |
| | | <div class="name">说明_14</div> |
| | | <div class="code-name">#icon-shuoming_14</div> |
| | | </li> |
| | | |
| | | <li class="dib"> |
| | | <svg class="icon svg-icon" aria-hidden="true"> |
| | | <use xlink:href="#icon-peizhitishi_14"></use> |
| | | </svg> |
| | | <div class="name">配置提示_14</div> |