miaofuhao
/
yiheRepair


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881
							
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-guanliyuan"></i>
                    <div class="name">管理员</div>
                    <div class="fontclass">.icon-guanliyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhanshezhi"></i>
                    <div class="name">网站设置</div>
                    <div class="fontclass">.icon-wangzhanshezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhanguanli"></i>
                    <div class="name">网站管理</div>
                    <div class="fontclass">.icon-wangzhanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mangluim"></i>
                    <div class="name">忙碌-im</div>
                    <div class="fontclass">.icon-mangluim</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-sys-service"></i>
                    <div class="name">系统服务</div>
                    <div class="fontclass">.icon-msnui-sys-service</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-sys-set"></i>
                    <div class="name">系统设置</div>
                    <div class="fontclass">.icon-msnui-sys-set</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-audit"></i>
                    <div class="name">设备审核</div>
                    <div class="fontclass">.icon-msnui-audit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-state-busy"></i>
                    <div class="name">状态-忙碌</div>
                    <div class="fontclass">.icon-msnui-state-busy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghuajilu"></i>
                    <div class="name">通话记录</div>
                    <div class="fontclass">.icon-tonghuajilu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-import"></i>
                    <div class="name">文件导入</div>
                    <div class="fontclass">.icon-import</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-export"></i>
                    <div class="name">文件导出</div>
                    <div class="fontclass">.icon-export</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fcogs"></i>
                    <div class="name">操作_设置</div>
                    <div class="fontclass">.icon-fcogs</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-banbengengxin"></i>
                    <div class="name">版本更新</div>
                    <div class="fontclass">.icon-banbengengxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xing"></i>
                    <div class="name">评价</div>
                    <div class="fontclass">.icon-xing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmu1"></i>
                    <div class="name">项目1</div>
                    <div class="fontclass">.icon-xiangmu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi"></i>
                    <div class="name">未知状态</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuanguanli"></i>
                    <div class="name">问卷管理</div>
                    <div class="fontclass">.icon-wenjuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu01"></i>
                    <div class="name">2  在线客服 白</div>
                    <div class="fontclass">.icon-kefu01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-kefu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiu"></i>
                    <div class="name">维修</div>
                    <div class="fontclass">.icon-weixiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kongxian"></i>
                    <div class="name">空闲</div>
                    <div class="fontclass">.icon-kongxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghuajilu1"></i>
                    <div class="name">通话记录</div>
                    <div class="fontclass">.icon-tonghuajilu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0357"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-iconset0357</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0358"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-iconset0358</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu1"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-kefu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjifenxi"></i>
                    <div class="name">统计分析</div>
                    <div class="fontclass">.icon-tongjifenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti9"></i>
                    <div class="name">知识库</div>
                    <div class="fontclass">.icon-weibiaoti9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhenling"></i>
                    <div class="name">振铃</div>
                    <div class="fontclass">.icon-zhenling</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cogs"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-cogs</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-website"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.icon-msnui-website</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-left"></i>
                    <div class="name">左</div>
                    <div class="fontclass">.icon-left</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xia"></i>
                    <div class="name">下</div>
                    <div class="fontclass">.icon-xia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghua"></i>
                    <div class="name">通话</div>
                    <div class="fontclass">.icon-tonghua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-edit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmushenbaoguanli"></i>
                    <div class="name">项目申报</div>
                    <div class="fontclass">.icon-xiangmushenbaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-transfer"></i>
                    <div class="name">工作转交</div>
                    <div class="fontclass">.icon-transfer</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodekefu"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-wodekefu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huchu"></i>
                    <div class="name">呼出模式</div>
                    <div class="fontclass">.icon-huchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zan"></i>
                    <div class="name">评价</div>
                    <div class="fontclass">.icon-zan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suyuanzhijianbz"></i>
                    <div class="name">溯源质检保障</div>
                    <div class="fontclass">.icon-suyuanzhijianbz</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongyunweiwenjianjia02"></i>
                    <div class="name">系统运维-文件夹02</div>
                    <div class="fontclass">.icon-xitongyunweiwenjianjia02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baoxiu"></i>
                    <div class="name">报修</div>
                    <div class="fontclass">.icon-baoxiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-QRcode"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-QRcode</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-app"></i>
                    <div class="name">app</div>
                    <div class="fontclass">.icon-app</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingqiu"></i>
                    <div class="name">服务请求</div>
                    <div class="fontclass">.icon-qingqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diaochawenjuan"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-diaochawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lujingfenxi"></i>
                    <div class="name">路径分析</div>
                    <div class="fontclass">.icon-lujingfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua4"></i>
                    <div class="name">电话 (4)</div>
                    <div class="fontclass">.icon-dianhua4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-manglu01"></i>
                    <div class="name">忙碌中</div>
                    <div class="fontclass">.icon-manglu01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan"></i>
                    <div class="name">菜单</div>
                    <div class="fontclass">.icon-caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-app1"></i>
                    <div class="name">APP(1)</div>
                    <div class="fontclass">.icon-app1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengzaiweixiudegongdan"></i>
                    <div class="name">正在维修的工单</div>
                    <div class="fontclass">.icon-zhengzaiweixiudegongdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiugongguanli"></i>
                    <div class="name">维修工管理</div>
                    <div class="fontclass">.icon-weixiugongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fa-calendar1"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-fa-calendar1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghuashijian"></i>
                    <div class="name">通话时间</div>
                    <div class="fontclass">.icon-tonghuashijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjifenxi1"></i>
                    <div class="name">统计分析</div>
                    <div class="fontclass">.icon-tongjifenxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-denglu"></i>
                    <div class="name">登录</div>
                    <div class="fontclass">.icon-denglu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-service"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-service</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu2"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-kefu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuxiao"></i>
                    <div class="name">注销</div>
                    <div class="fontclass">.icon-zhuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiaofenxi"></i>
                    <div class="name">报表分析</div>
                    <div class="fontclass">.icon-baobiaofenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibaoxiu"></i>
                    <div class="name">已报修</div>
                    <div class="fontclass">.icon-yibaoxiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-banbenshengji"></i>
                    <div class="name">版本升级</div>
                    <div class="fontclass">.icon-banbenshengji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-search"></i>
                    <div class="name">搜索 粗 </div>
                    <div class="fontclass">.icon-search</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishiku"></i>
                    <div class="name">知识库</div>
                    <div class="fontclass">.icon-zhishiku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan1"></i>
                    <div class="name">菜单</div>
                    <div class="fontclass">.icon-caidan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duofangtonghua"></i>
                    <div class="name">多方通话</div>
                    <div class="fontclass">.icon-duofangtonghua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-banbengengxin1"></i>
                    <div class="name">版本更新</div>
                    <div class="fontclass">.icon-banbengengxin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunweiguanli"></i>
                    <div class="name">运维管理</div>
                    <div class="fontclass">.icon-yunweiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju1"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmudaoqi"></i>
                    <div class="name">项目到期</div>
                    <div class="fontclass">.icon-xiangmudaoqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-app2"></i>
                    <div class="name">app</div>
                    <div class="fontclass">.icon-app2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishiku1"></i>
                    <div class="name">知识库</div>
                    <div class="fontclass">.icon-zhishiku1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chengyuan"></i>
                    <div class="name">项目成员</div>
                    <div class="fontclass">.icon-chengyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cogs1"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-cogs1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiushenqing"></i>
                    <div class="name">维修申请</div>
                    <div class="fontclass">.icon-weixiushenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiaobiaoweiguanli"></i>
                    <div class="name">报表 表尾管理</div>
                    <div class="fontclass">.icon-baobiaobiaoweiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-detail"></i>
                    <div class="name">查看详情</div>
                    <div class="fontclass">.icon-detail</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunweiguanli1"></i>
                    <div class="name">16运维管理</div>
                    <div class="fontclass">.icon-yunweiguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunweiguanli2"></i>
                    <div class="name">19运维管理</div>
                    <div class="fontclass">.icon-yunweiguanli2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebei"></i>
                    <div class="name">设备</div>
                    <div class="fontclass">.icon-shebei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaochawenjuan"></i>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">.icon-tiaochawenjuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quality"></i>
                    <div class="name">质检</div>
                    <div class="fontclass">.icon-quality</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghuazhong01"></i>
                    <div class="name">通话中</div>
                    <div class="fontclass">.icon-tonghuazhong01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">设备管理</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon1"></i>
                    <div class="name">设备清单</div>
                    <div class="fontclass">.icon-icon1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon2"></i>
                    <div class="name">设备管理</div>
                    <div class="fontclass">.icon-icon2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paidan"></i>
                    <div class="name">派单</div>
                    <div class="fontclass">.icon-paidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-user"></i>
                    <div class="name">user</div>
                    <div class="fontclass">.icon-user</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxinicon"></i>
                    <div class="name">维修工</div>
                    <div class="fontclass">.icon-xinxinicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmuleixing"></i>
                    <div class="name">项目类型</div>
                    <div class="fontclass">.icon-xiangmuleixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhan"></i>
                    <div class="name">网站</div>
                    <div class="fontclass">.icon-wangzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-serve"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-serve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeixinghao"></i>
                    <div class="name">设备型号</div>
                    <div class="fontclass">.icon-shebeixinghao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeipeizhi"></i>
                    <div class="name">设备配置</div>
                    <div class="fontclass">.icon-shebeipeizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-oper-apply"></i>
                    <div class="name">运维申请</div>
                    <div class="fontclass">.icon-oper-apply</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-websiteprogrammi"></i>
                    <div class="name">网站程序</div>
                    <div class="fontclass">.icon-websiteprogrammi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-siteseopromot"></i>
                    <div class="name">网站，SEO，促进</div>
                    <div class="fontclass">.icon-siteseopromot</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nav-set-oper"></i>
                    <div class="name">nav-运维设置</div>
                    <div class="fontclass">.icon-nav-set-oper</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeiguanli"></i>
                    <div class="name">设备管理</div>
                    <div class="fontclass">.icon-shebeiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeiliebiao"></i>
                    <div class="name">设备列表</div>
                    <div class="fontclass">.icon-shebeiliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua1"></i>
                    <div class="name">操作-电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu1"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghu2"></i>
                    <div class="name">用户</div>
                    <div class="fontclass">.icon-yonghu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lixian"></i>
                    <div class="name">离线</div>
                    <div class="fontclass">.icon-lixian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tonghuazhong"></i>
                    <div class="name">通话中</div>
                    <div class="fontclass">.icon-tonghuazhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fa-calendar2"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-fa-calendar2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanliyuan1"></i>
                    <div class="name">管理员</div>
                    <div class="fontclass">.icon-guanliyuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-"></i>
                    <div class="name">设备</div>
                    <div class="fontclass">.icon-icon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiangdan"></i>
                    <div class="name">接收</div>
                    <div class="fontclass">.icon-qiangdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-see"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-see</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-APPshengji"></i>
                    <div class="name">APP升级</div>
                    <div class="fontclass">.icon-APPshengji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangmuguanli"></i>
                    <div class="name">项目管理</div>
                    <div class="fontclass">.icon-xiangmuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunweiguanli3"></i>
                    <div class="name">运维管理</div>
                    <div class="fontclass">.icon-yunweiguanli3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhuaweijie"></i>
                    <div class="name">电话 未接</div>
                    <div class="fontclass">.icon-dianhuaweijie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhuazhengzaibohao"></i>
                    <div class="name">电话 正在拨号</div>
                    <div class="fontclass">.icon-dianhuazhengzaibohao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erji-yunweibaobiao"></i>
                    <div class="name">二级-运维报表</div>
                    <div class="fontclass">.icon-erji-yunweibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanliyuan_jiaoseguanli"></i>
                    <div class="name">管理员_角色管理</div>
                    <div class="fontclass">.icon-guanliyuan_jiaoseguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-project"></i>
                    <div class="name">项目</div>
                    <div class="fontclass">.icon-icon-project</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar"></i>
                    <div class="name">时间日期</div>
                    <div class="fontclass">.icon-calendar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lixian01"></i>
                    <div class="name">离线</div>
                    <div class="fontclass">.icon-lixian01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-web-icon-"></i>
                    <div class="name">项目合同</div>
                    <div class="fontclass">.icon-web-icon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunweizhichi"></i>
                    <div class="name">运维支持</div>
                    <div class="fontclass">.icon-yunweizhichi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixiugongren"></i>
                    <div class="name">维修工人</div>
                    <div class="fontclass">.icon-weixiugongren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wentifenxi-"></i>
                    <div class="name">问题分析</div>
                    <div class="fontclass">.icon-wentifenxi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxi"></i>
                    <div class="name">分析</div>
                    <div class="fontclass">.icon-fenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenjuantiaocha"></i>
                    <div class="name">问卷调查</div>
                    <div class="fontclass">.icon-wenjuantiaocha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-APPruanjiankaifa"></i>
                    <div class="name">APP软件开发</div>
                    <div class="fontclass">.icon-APPruanjiankaifa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianseban-"></i>
                    <div class="name">数据分析</div>
                    <div class="fontclass">.icon-qianseban-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitonganquan"></i>
                    <div class="name">系统安全</div>
                    <div class="fontclass">.icon-xitonganquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kongxian1"></i>
                    <div class="name">空闲</div>
                    <div class="fontclass">.icon-kongxian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-manglu"></i>
                    <div class="name">忙碌</div>
                    <div class="fontclass">.icon-manglu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lixian1"></i>
                    <div class="name">离线</div>
                    <div class="fontclass">.icon-lixian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-delete"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-delete</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiuxi"></i>
                    <div class="name">休息</div>
                    <div class="fontclass">.icon-xiuxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheweikongxianshiduan"></i>
                    <div class="name">车位空闲时段</div>
                    <div class="fontclass">.icon-cheweikongxianshiduan</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>