ucf-fe
Version:
1,055 lines (879 loc) • 44.1 kB
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_iform icon-arrowup"></i>
<div class="name">arrow-up</div>
<div class="fontclass">.icon-arrowup</div>
</li>
<li>
<i class="icon iconfont_iform icon-zhongzhi"></i>
<div class="name">重置</div>
<div class="fontclass">.icon-zhongzhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-xitong"></i>
<div class="name">系统</div>
<div class="fontclass">.icon-xitong</div>
</li>
<li>
<i class="icon iconfont_iform icon-baocun"></i>
<div class="name">保存</div>
<div class="fontclass">.icon-baocun</div>
</li>
<li>
<i class="icon iconfont_iform icon-component"></i>
<div class="name">component</div>
<div class="fontclass">.icon-component</div>
</li>
<li>
<i class="icon iconfont_iform icon-star"></i>
<div class="name">star</div>
<div class="fontclass">.icon-star</div>
</li>
<li>
<i class="icon iconfont_iform icon-plus"></i>
<div class="name">plus</div>
<div class="fontclass">.icon-plus</div>
</li>
<li>
<i class="icon iconfont_iform icon-mail"></i>
<div class="name">邮件</div>
<div class="fontclass">.icon-mail</div>
</li>
<li>
<i class="icon iconfont_iform icon-tongzhi"></i>
<div class="name">通知</div>
<div class="fontclass">.icon-tongzhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-tishi"></i>
<div class="name">提示</div>
<div class="fontclass">.icon-tishi</div>
</li>
<li>
<i class="icon iconfont_iform icon-ok"></i>
<div class="name">ok</div>
<div class="fontclass">.icon-ok</div>
</li>
<li>
<i class="icon iconfont_iform icon-star1"></i>
<div class="name">star</div>
<div class="fontclass">.icon-star1</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrow-down"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.icon-arrow-down</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrow-up"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.icon-arrow-up</div>
</li>
<li>
<i class="icon iconfont_iform icon-design"></i>
<div class="name">design</div>
<div class="fontclass">.icon-design</div>
</li>
<li>
<i class="icon iconfont_iform icon-iconfont"></i>
<div class="name">排序</div>
<div class="fontclass">.icon-iconfont</div>
</li>
<li>
<i class="icon iconfont_iform icon-duanxin"></i>
<div class="name">短信</div>
<div class="fontclass">.icon-duanxin</div>
</li>
<li>
<i class="icon iconfont_iform icon-nccloud"></i>
<div class="name">NC cloud logo</div>
<div class="fontclass">.icon-nccloud</div>
</li>
<li>
<i class="icon iconfont_iform icon-nccloudhr"></i>
<div class="name">NC cloud HR</div>
<div class="fontclass">.icon-nccloudhr</div>
</li>
<li>
<i class="icon iconfont_iform icon-alarmsmd"></i>
<div class="name">alarmsmd</div>
<div class="fontclass">.icon-alarmsmd</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrowdown"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.icon-arrowdown</div>
</li>
<li>
<i class="icon iconfont_iform icon-bookmarks"></i>
<div class="name">bookmarks</div>
<div class="fontclass">.icon-bookmarks</div>
</li>
<li>
<i class="icon iconfont_iform icon-favorite"></i>
<div class="name">favorite</div>
<div class="fontclass">.icon-favorite</div>
</li>
<li>
<i class="icon iconfont_iform icon-help"></i>
<div class="name">help</div>
<div class="fontclass">.icon-help</div>
</li>
<li>
<i class="icon iconfont_iform icon-home"></i>
<div class="name">home</div>
<div class="fontclass">.icon-home</div>
</li>
<li>
<i class="icon iconfont_iform icon-more"></i>
<div class="name">more</div>
<div class="fontclass">.icon-more</div>
</li>
<li>
<i class="icon iconfont_iform icon-pcmac"></i>
<div class="name">pc-mac</div>
<div class="fontclass">.icon-pcmac</div>
</li>
<li>
<i class="icon iconfont_iform icon-search"></i>
<div class="name">search</div>
<div class="fontclass">.icon-search</div>
</li>
<li>
<i class="icon iconfont_iform icon-setting01"></i>
<div class="name">setting01</div>
<div class="fontclass">.icon-setting01</div>
</li>
<li>
<i class="icon iconfont_iform icon-setting02"></i>
<div class="name">setting02</div>
<div class="fontclass">.icon-setting02</div>
</li>
<li>
<i class="icon iconfont_iform icon-text"></i>
<div class="name">text</div>
<div class="fontclass">.icon-text</div>
</li>
<li>
<i class="icon iconfont_iform icon-uesrs"></i>
<div class="name">uesrs</div>
<div class="fontclass">.icon-uesrs</div>
</li>
<li>
<i class="icon iconfont_iform icon-cancel"></i>
<div class="name">cancel</div>
<div class="fontclass">.icon-cancel</div>
</li>
<li>
<i class="icon iconfont_iform icon-adduser"></i>
<div class="name">adduser</div>
<div class="fontclass">.icon-adduser</div>
</li>
<li>
<i class="icon iconfont_iform icon-dustbin"></i>
<div class="name">dustbin</div>
<div class="fontclass">.icon-dustbin</div>
</li>
<li>
<i class="icon iconfont_iform icon-morebarrow"></i>
<div class="name">more-barrow</div>
<div class="fontclass">.icon-morebarrow</div>
</li>
<li>
<i class="icon iconfont_iform icon-picture"></i>
<div class="name">picture</div>
<div class="fontclass">.icon-picture</div>
</li>
<li>
<i class="icon iconfont_iform icon-appicon"></i>
<div class="name">app-icon</div>
<div class="fontclass">.icon-appicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-informationicon"></i>
<div class="name">information-icon</div>
<div class="fontclass">.icon-informationicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-organizationicon"></i>
<div class="name">organization-icon</div>
<div class="fontclass">.icon-organizationicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-usericon"></i>
<div class="name">user-icon</div>
<div class="fontclass">.icon-usericon</div>
</li>
<li>
<i class="icon iconfont_iform icon-moreicon"></i>
<div class="name">more-icon</div>
<div class="fontclass">.icon-moreicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-money"></i>
<div class="name">money</div>
<div class="fontclass">.icon-money</div>
</li>
<li>
<i class="icon iconfont_iform icon-formthree"></i>
<div class="name">form_three</div>
<div class="fontclass">.icon-formthree</div>
</li>
<li>
<i class="icon iconfont_iform icon-date"></i>
<div class="name">date</div>
<div class="fontclass">.icon-date</div>
</li>
<li>
<i class="icon iconfont_iform icon-date1"></i>
<div class="name">date1</div>
<div class="fontclass">.icon-date1</div>
</li>
<li>
<i class="icon iconfont_iform icon-mtext"></i>
<div class="name">mtext</div>
<div class="fontclass">.icon-mtext</div>
</li>
<li>
<i class="icon iconfont_iform icon-formtwo"></i>
<div class="name">form_two</div>
<div class="fontclass">.icon-formtwo</div>
</li>
<li>
<i class="icon iconfont_iform icon-mobilephone"></i>
<div class="name">mobilephone</div>
<div class="fontclass">.icon-mobilephone</div>
</li>
<li>
<i class="icon iconfont_iform icon-mail1"></i>
<div class="name">mail</div>
<div class="fontclass">.icon-mail1</div>
</li>
<li>
<i class="icon iconfont_iform icon-morebarrow1"></i>
<div class="name">more_barrow</div>
<div class="fontclass">.icon-morebarrow1</div>
</li>
<li>
<i class="icon iconfont_iform icon-text1"></i>
<div class="name">text</div>
<div class="fontclass">.icon-text1</div>
</li>
<li>
<i class="icon iconfont_iform icon-checkbox"></i>
<div class="name">checkbox</div>
<div class="fontclass">.icon-checkbox</div>
</li>
<li>
<i class="icon iconfont_iform icon-radio"></i>
<div class="name">Radio</div>
<div class="fontclass">.icon-radio</div>
</li>
<li>
<i class="icon iconfont_iform icon-enclosure"></i>
<div class="name">enclosure</div>
<div class="fontclass">.icon-enclosure</div>
</li>
<li>
<i class="icon iconfont_iform icon-form"></i>
<div class="name">form</div>
<div class="fontclass">.icon-form</div>
</li>
<li>
<i class="icon iconfont_iform icon-setting"></i>
<div class="name"> Setting</div>
<div class="fontclass">.icon-setting</div>
</li>
<li>
<i class="icon iconfont_iform icon-input"></i>
<div class="name">input</div>
<div class="fontclass">.icon-input</div>
</li>
<li>
<i class="icon iconfont_iform icon-phone"></i>
<div class="name">phone</div>
<div class="fontclass">.icon-phone</div>
</li>
<li>
<i class="icon iconfont_iform icon-add"></i>
<div class="name">add</div>
<div class="fontclass">.icon-add</div>
</li>
<li>
<i class="icon iconfont_iform icon-lock"></i>
<div class="name">lock</div>
<div class="fontclass">.icon-lock</div>
</li>
<li>
<i class="icon iconfont_iform icon-palette"></i>
<div class="name">palette</div>
<div class="fontclass">.icon-palette</div>
</li>
<li>
<i class="icon iconfont_iform icon-systemmanagement"></i>
<div class="name">system management</div>
<div class="fontclass">.icon-systemmanagement</div>
</li>
<li>
<i class="icon iconfont_iform icon-message"></i>
<div class="name">message</div>
<div class="fontclass">.icon-message</div>
</li>
<li>
<i class="icon iconfont_iform icon-adduser02"></i>
<div class="name">adduser</div>
<div class="fontclass">.icon-adduser02</div>
</li>
<li>
<i class="icon iconfont_iform icon-link"></i>
<div class="name">link</div>
<div class="fontclass">.icon-link</div>
</li>
<li>
<i class="icon iconfont_iform icon-linkbreak"></i>
<div class="name">linkbreak</div>
<div class="fontclass">.icon-linkbreak</div>
</li>
<li>
<i class="icon iconfont_iform icon-pencil"></i>
<div class="name">pencil</div>
<div class="fontclass">.icon-pencil</div>
</li>
<li>
<i class="icon iconfont_iform icon-delete"></i>
<div class="name">delete</div>
<div class="fontclass">.icon-delete</div>
</li>
<li>
<i class="icon iconfont_iform icon-cancel02"></i>
<div class="name">cancel</div>
<div class="fontclass">.icon-cancel02</div>
</li>
<li>
<i class="icon iconfont_iform icon-confirm"></i>
<div class="name">confirm</div>
<div class="fontclass">.icon-confirm</div>
</li>
<li>
<i class="icon iconfont_iform icon-s-plus"></i>
<div class="name">plus</div>
<div class="fontclass">.icon-s-plus</div>
</li>
<li>
<i class="icon iconfont_iform icon-xs-plus"></i>
<div class="name">plus</div>
<div class="fontclass">.icon-xs-plus</div>
</li>
<li>
<i class="icon iconfont_iform icon-authorizationicon"></i>
<div class="name">authorization-icon</div>
<div class="fontclass">.icon-authorizationicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-selecticon"></i>
<div class="name">select-icon</div>
<div class="fontclass">.icon-selecticon</div>
</li>
<li>
<i class="icon iconfont_iform icon-accounticon"></i>
<div class="name">account-icon</div>
<div class="fontclass">.icon-accounticon</div>
</li>
<li>
<i class="icon iconfont_iform icon-passwordicon"></i>
<div class="name">password-icon</div>
<div class="fontclass">.icon-passwordicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-hiddentexticon"></i>
<div class="name">hidden text-icon</div>
<div class="fontclass">.icon-hiddentexticon</div>
</li>
<li>
<i class="icon iconfont_iform icon-pinicon"></i>
<div class="name">pin-icon</div>
<div class="fontclass">.icon-pinicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-icon4"></i>
<div class="name">设计</div>
<div class="fontclass">.icon-icon4</div>
</li>
<li>
<i class="icon iconfont_iform icon-autohiddenicon"></i>
<div class="name">auto hidden-icon</div>
<div class="fontclass">.icon-autohiddenicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-adminicon"></i>
<div class="name">admin-icon</div>
<div class="fontclass">.icon-adminicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrowicon"></i>
<div class="name">arrow-icon</div>
<div class="fontclass">.icon-arrowicon</div>
</li>
<li>
<i class="icon iconfont_iform icon-row2column"></i>
<div class="name">row2column</div>
<div class="fontclass">.icon-row2column</div>
</li>
<li>
<i class="icon iconfont_iform icon-row3column"></i>
<div class="name">row3column</div>
<div class="fontclass">.icon-row3column</div>
</li>
<li>
<i class="icon iconfont_iform icon-tablelayout"></i>
<div class="name">tablelayout</div>
<div class="fontclass">.icon-tablelayout</div>
</li>
<li>
<i class="icon iconfont_iform icon-childtable"></i>
<div class="name">childtable</div>
<div class="fontclass">.icon-childtable</div>
</li>
<li>
<i class="icon iconfont_iform icon-canvas"></i>
<div class="name">canvas</div>
<div class="fontclass">.icon-canvas</div>
</li>
<li>
<i class="icon iconfont_iform icon-component1"></i>
<div class="name">component</div>
<div class="fontclass">.icon-component1</div>
</li>
<li>
<i class="icon iconfont_iform icon-property"></i>
<div class="name">property</div>
<div class="fontclass">.icon-property</div>
</li>
<li>
<i class="icon iconfont_iform icon-youyuncai"></i>
<div class="name">youyuncai</div>
<div class="fontclass">.icon-youyuncai</div>
</li>
<li>
<i class="icon iconfont_iform icon-regisered"></i>
<div class="name">regisered</div>
<div class="fontclass">.icon-regisered</div>
</li>
<li>
<i class="icon iconfont_iform icon-logout"></i>
<div class="name">logout</div>
<div class="fontclass">.icon-logout</div>
</li>
<li>
<i class="icon iconfont_iform icon-part"></i>
<div class="name">part</div>
<div class="fontclass">.icon-part</div>
</li>
<li>
<i class="icon iconfont_iform icon-personalized"></i>
<div class="name">personalized</div>
<div class="fontclass">.icon-personalized</div>
</li>
<li>
<i class="icon iconfont_iform icon-skin"></i>
<div class="name">skin</div>
<div class="fontclass">.icon-skin</div>
</li>
<li>
<i class="icon iconfont_iform icon-usermanagement"></i>
<div class="name">user management</div>
<div class="fontclass">.icon-usermanagement</div>
</li>
<li>
<i class="icon iconfont_iform icon-layout"></i>
<div class="name">layout</div>
<div class="fontclass">.icon-layout</div>
</li>
<li>
<i class="icon iconfont_iform icon-packup"></i>
<div class="name">pack up</div>
<div class="fontclass">.icon-packup</div>
</li>
<li>
<i class="icon iconfont_iform icon-max"></i>
<div class="name">max</div>
<div class="fontclass">.icon-max</div>
</li>
<li>
<i class="icon iconfont_iform icon-mini"></i>
<div class="name">mini</div>
<div class="fontclass">.icon-mini</div>
</li>
<li>
<i class="icon iconfont_iform icon-unfold"></i>
<div class="name">unfold</div>
<div class="fontclass">.icon-unfold</div>
</li>
<li>
<i class="icon iconfont_iform icon-management"></i>
<div class="name">management</div>
<div class="fontclass">.icon-management</div>
</li>
<li>
<i class="icon iconfont_iform icon-template"></i>
<div class="name">template</div>
<div class="fontclass">.icon-template</div>
</li>
<li>
<i class="icon iconfont_iform icon-adminmanagement"></i>
<div class="name">admin management</div>
<div class="fontclass">.icon-adminmanagement</div>
</li>
<li>
<i class="icon iconfont_iform icon-adminmenu"></i>
<div class="name">admin menu</div>
<div class="fontclass">.icon-adminmenu</div>
</li>
<li>
<i class="icon iconfont_iform icon-application"></i>
<div class="name">application</div>
<div class="fontclass">.icon-application</div>
</li>
<li>
<i class="icon iconfont_iform icon-company"></i>
<div class="name">company</div>
<div class="fontclass">.icon-company</div>
</li>
<li>
<i class="icon iconfont_iform icon-license"></i>
<div class="name">license</div>
<div class="fontclass">.icon-license</div>
</li>
<li>
<i class="icon iconfont_iform icon-menu"></i>
<div class="name">menu</div>
<div class="fontclass">.icon-menu</div>
</li>
<li>
<i class="icon iconfont_iform icon-rolemanagement"></i>
<div class="name">role management</div>
<div class="fontclass">.icon-rolemanagement</div>
</li>
<li>
<i class="icon iconfont_iform icon-smallauthorization"></i>
<div class="name">small authorization</div>
<div class="fontclass">.icon-smallauthorization</div>
</li>
<li>
<i class="icon iconfont_iform icon-thewidget"></i>
<div class="name">the widget</div>
<div class="fontclass">.icon-thewidget</div>
</li>
<li>
<i class="icon iconfont_iform icon-bumen"></i>
<div class="name">部门</div>
<div class="fontclass">.icon-bumen</div>
</li>
<li>
<i class="icon iconfont_iform icon-bianjituxing"></i>
<div class="name">编辑图形</div>
<div class="fontclass">.icon-bianjituxing</div>
</li>
<li>
<i class="icon iconfont_iform icon-jian"></i>
<div class="name">发送</div>
<div class="fontclass">.icon-jian</div>
</li>
<li>
<i class="icon iconfont_iform icon-head"></i>
<div class="name">head</div>
<div class="fontclass">.icon-head</div>
</li>
<li>
<i class="icon iconfont_iform icon-xiaobujianshouquan"></i>
<div class="name">小部件授权</div>
<div class="fontclass">.icon-xiaobujianshouquan</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrowright"></i>
<div class="name">arrow-right</div>
<div class="fontclass">.icon-arrowright</div>
</li>
<li>
<i class="icon iconfont_iform icon-arrowleft"></i>
<div class="name">arrow-left</div>
<div class="fontclass">.icon-arrowleft</div>
</li>
<li>
<i class="icon iconfont_iform icon-qiyegongchangjianzhu"></i>
<div class="name">企业</div>
<div class="fontclass">.icon-qiyegongchangjianzhu</div>
</li>
<li>
<i class="icon iconfont_iform icon-shenqing"></i>
<div class="name">shenqing</div>
<div class="fontclass">.icon-shenqing</div>
</li>
<li>
<i class="icon iconfont_iform icon-sousuo1"></i>
<div class="name">sousuo1</div>
<div class="fontclass">.icon-sousuo1</div>
</li>
<li>
<i class="icon iconfont_iform icon-sousuo2"></i>
<div class="name">sousuo2</div>
<div class="fontclass">.icon-sousuo2</div>
</li>
<li>
<i class="icon iconfont_iform icon-guanliyuan"></i>
<div class="name">管理员</div>
<div class="fontclass">.icon-guanliyuan</div>
</li>
<li>
<i class="icon iconfont_iform icon-zhongzhi1"></i>
<div class="name">重置</div>
<div class="fontclass">.icon-zhongzhi1</div>
</li>
<li>
<i class="icon iconfont_iform icon-jiaose"></i>
<div class="name">角色</div>
<div class="fontclass">.icon-jiaose</div>
</li>
<li>
<i class="icon iconfont_iform icon-mimacelve"></i>
<div class="name">密码策略</div>
<div class="fontclass">.icon-mimacelve</div>
</li>
<li>
<i class="icon iconfont_iform icon-anquanrizhi"></i>
<div class="name">安全日志</div>
<div class="fontclass">.icon-anquanrizhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-bianmaguizedingyi"></i>
<div class="name">编码规则定义</div>
<div class="fontclass">.icon-bianmaguizedingyi</div>
</li>
<li>
<i class="icon iconfont_iform icon-bujuguanli"></i>
<div class="name">布局管理</div>
<div class="fontclass">.icon-bujuguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-bianmaguiyingshe"></i>
<div class="name">编码规映射</div>
<div class="fontclass">.icon-bianmaguiyingshe</div>
</li>
<li>
<i class="icon iconfont_iform icon-chaxunmobanguanli"></i>
<div class="name">查询模板管理</div>
<div class="fontclass">.icon-chaxunmobanguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-chaxunmobansheji"></i>
<div class="name">查询模板设计</div>
<div class="fontclass">.icon-chaxunmobansheji</div>
</li>
<li>
<i class="icon iconfont_iform icon-tiaodurenwujiankong"></i>
<div class="name">调度任务监控</div>
<div class="fontclass">.icon-tiaodurenwujiankong</div>
</li>
<li>
<i class="icon iconfont_iform icon-tiaodurenwurizhi"></i>
<div class="name">调度任务日志</div>
<div class="fontclass">.icon-tiaodurenwurizhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-liuchengdingyi"></i>
<div class="name">流程定义</div>
<div class="fontclass">.icon-liuchengdingyi</div>
</li>
<li>
<i class="icon iconfont_iform icon-jiaosefenpeiyonghu"></i>
<div class="name">角色分配用户</div>
<div class="fontclass">.icon-jiaosefenpeiyonghu</div>
</li>
<li>
<i class="icon iconfont_iform icon-jichengxitongguanli"></i>
<div class="name">集成系统管理</div>
<div class="fontclass">.icon-jichengxitongguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-liuchengjiankong"></i>
<div class="name">流程监控</div>
<div class="fontclass">.icon-liuchengjiankong</div>
</li>
<li>
<i class="icon iconfont_iform icon-liuchengtongji"></i>
<div class="name">流程统计</div>
<div class="fontclass">.icon-liuchengtongji</div>
</li>
<li>
<i class="icon iconfont_iform icon-renwuchajian"></i>
<div class="name">任务插件</div>
<div class="fontclass">.icon-renwuchajian</div>
</li>
<li>
<i class="icon iconfont_iform icon-liuchengxiaoxishezhi"></i>
<div class="name">流程消息设置</div>
<div class="fontclass">.icon-liuchengxiaoxishezhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-liuchengshezhi"></i>
<div class="name">流程设置</div>
<div class="fontclass">.icon-liuchengshezhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-shijianpeizhijiemian"></i>
<div class="name">事件配置界面</div>
<div class="fontclass">.icon-shijianpeizhijiemian</div>
</li>
<li>
<i class="icon iconfont_iform icon-shuchumobanguanli"></i>
<div class="name">输出模板管理</div>
<div class="fontclass">.icon-shuchumobanguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-shujuquanxian"></i>
<div class="name">数据权限</div>
<div class="fontclass">.icon-shujuquanxian</div>
</li>
<li>
<i class="icon iconfont_iform icon-xiaoxijiankong"></i>
<div class="name">消息监控</div>
<div class="fontclass">.icon-xiaoxijiankong</div>
</li>
<li>
<i class="icon iconfont_iform icon-shuchumobansheji"></i>
<div class="name">输出模板设计</div>
<div class="fontclass">.icon-shuchumobansheji</div>
</li>
<li>
<i class="icon iconfont_iform icon-yewudanyuan"></i>
<div class="name">业务单元</div>
<div class="fontclass">.icon-yewudanyuan</div>
</li>
<li>
<i class="icon iconfont_iform icon-xiaoximobanguanli"></i>
<div class="name">消息模板管理</div>
<div class="fontclass">.icon-xiaoximobanguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-xiaoxitongdaopeizhi"></i>
<div class="name">消息通道配置</div>
<div class="fontclass">.icon-xiaoxitongdaopeizhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-xiaoxizhongxin"></i>
<div class="name">消息中心</div>
<div class="fontclass">.icon-xiaoxizhongxin</div>
</li>
<li>
<i class="icon iconfont_iform icon-yewurizhi"></i>
<div class="name">业务日志</div>
<div class="fontclass">.icon-yewurizhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-yuanshujuguanli"></i>
<div class="name">元数据管理</div>
<div class="fontclass">.icon-yuanshujuguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-yonghuyingshe"></i>
<div class="name">用户映射</div>
<div class="fontclass">.icon-yonghuyingshe</div>
</li>
<li>
<i class="icon iconfont_iform icon-licensejiankong"></i>
<div class="name">license监控</div>
<div class="fontclass">.icon-licensejiankong</div>
</li>
<li>
<i class="icon iconfont_iform icon-UImobansheji"></i>
<div class="name">UI模板设计</div>
<div class="fontclass">.icon-UImobansheji</div>
</li>
<li>
<i class="icon iconfont_iform icon-UImobanguanli"></i>
<div class="name">UI模板管理</div>
<div class="fontclass">.icon-UImobanguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-tiaodurenwuguanli"></i>
<div class="name">调度任务管理</div>
<div class="fontclass">.icon-tiaodurenwuguanli</div>
</li>
<li>
<i class="icon iconfont_iform icon-fenpeixiaoyingyong"></i>
<div class="name">分配小应用</div>
<div class="fontclass">.icon-fenpeixiaoyingyong</div>
</li>
<li>
<i class="icon iconfont_iform icon-fenpei"></i>
<div class="name">分配</div>
<div class="fontclass">.icon-fenpei</div>
</li>
<li>
<i class="icon iconfont_iform icon-gengduo"></i>
<div class="name">更多</div>
<div class="fontclass">.icon-gengduo</div>
</li>
<li>
<i class="icon iconfont_iform icon-shuangjiantouxiangyou"></i>
<div class="name">双箭头向右</div>
<div class="fontclass">.icon-shuangjiantouxiangyou</div>
</li>
<li>
<i class="icon iconfont_iform icon-shuangjiantouxiangzuo"></i>
<div class="name">双箭头向左</div>
<div class="fontclass">.icon-shuangjiantouxiangzuo</div>
</li>
<li>
<i class="icon iconfont_iform icon-rizhi"></i>
<div class="name">日志</div>
<div class="fontclass">.icon-rizhi</div>
</li>
<li>
<i class="icon iconfont_iform icon-tianjia"></i>
<div class="name">添加</div>
<div class="fontclass">.icon-tianjia</div>
</li>
<li>
<i class="icon iconfont_iform icon-chakan"></i>
<div class="name">查看</div>
<div class="fontclass">.icon-chakan</div>
</li>
<li>
<i class="icon iconfont_iform icon-fanhui"></i>
<div class="name">返回</div>
<div class="fontclass">.icon-fanhui</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"><link rel="stylesheet" type="text/css" href="./iconfont.css"></span></code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="lang-css hljs"><<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont_iform</span> <span class="hljs-selector-tag">icon-xxx</span>"></<span class="hljs-selector-tag">i</span>></code></pre>
<blockquote>
<p>"iconfont_iform"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>