ucf-fe
Version:
1,219 lines (1,067 loc) • 59.5 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<script src="iconfont.js"></script>
<style type="text/css">
.icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em; height: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrowup"></use>
</svg>
<div class="name">arrow-up</div>
<div class="fontclass">#icon-arrowup</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhi"></use>
</svg>
<div class="name">重置</div>
<div class="fontclass">#icon-zhongzhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xitong"></use>
</svg>
<div class="name">系统</div>
<div class="fontclass">#icon-xitong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-baocun"></use>
</svg>
<div class="name">保存</div>
<div class="fontclass">#icon-baocun</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-component"></use>
</svg>
<div class="name">component</div>
<div class="fontclass">#icon-component</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-star"></use>
</svg>
<div class="name">star</div>
<div class="fontclass">#icon-star</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-plus"></use>
</svg>
<div class="name">plus</div>
<div class="fontclass">#icon-plus</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
</svg>
<div class="name">邮件</div>
<div class="fontclass">#icon-mail</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tongzhi"></use>
</svg>
<div class="name">通知</div>
<div class="fontclass">#icon-tongzhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tishi"></use>
</svg>
<div class="name">提示</div>
<div class="fontclass">#icon-tishi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ok"></use>
</svg>
<div class="name">ok</div>
<div class="fontclass">#icon-ok</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-star1"></use>
</svg>
<div class="name">star</div>
<div class="fontclass">#icon-star1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrow-down"></use>
</svg>
<div class="name">arrow-down</div>
<div class="fontclass">#icon-arrow-down</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrow-up"></use>
</svg>
<div class="name">arrow-down</div>
<div class="fontclass">#icon-arrow-up</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-design"></use>
</svg>
<div class="name">design</div>
<div class="fontclass">#icon-design</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfont"></use>
</svg>
<div class="name">排序</div>
<div class="fontclass">#icon-iconfont</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-duanxin"></use>
</svg>
<div class="name">短信</div>
<div class="fontclass">#icon-duanxin</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-nccloud"></use>
</svg>
<div class="name">NC cloud logo</div>
<div class="fontclass">#icon-nccloud</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-nccloudhr"></use>
</svg>
<div class="name">NC cloud HR</div>
<div class="fontclass">#icon-nccloudhr</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-alarmsmd"></use>
</svg>
<div class="name">alarmsmd</div>
<div class="fontclass">#icon-alarmsmd</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrowdown"></use>
</svg>
<div class="name">arrow-down</div>
<div class="fontclass">#icon-arrowdown</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bookmarks"></use>
</svg>
<div class="name">bookmarks</div>
<div class="fontclass">#icon-bookmarks</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-favorite"></use>
</svg>
<div class="name">favorite</div>
<div class="fontclass">#icon-favorite</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-help"></use>
</svg>
<div class="name">help</div>
<div class="fontclass">#icon-help</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-home"></use>
</svg>
<div class="name">home</div>
<div class="fontclass">#icon-home</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-more"></use>
</svg>
<div class="name">more</div>
<div class="fontclass">#icon-more</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pcmac"></use>
</svg>
<div class="name">pc-mac</div>
<div class="fontclass">#icon-pcmac</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
</svg>
<div class="name">search</div>
<div class="fontclass">#icon-search</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-setting01"></use>
</svg>
<div class="name">setting01</div>
<div class="fontclass">#icon-setting01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-setting02"></use>
</svg>
<div class="name">setting02</div>
<div class="fontclass">#icon-setting02</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-text"></use>
</svg>
<div class="name">text</div>
<div class="fontclass">#icon-text</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-uesrs"></use>
</svg>
<div class="name">uesrs</div>
<div class="fontclass">#icon-uesrs</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cancel"></use>
</svg>
<div class="name">cancel</div>
<div class="fontclass">#icon-cancel</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-adduser"></use>
</svg>
<div class="name">adduser</div>
<div class="fontclass">#icon-adduser</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dustbin"></use>
</svg>
<div class="name">dustbin</div>
<div class="fontclass">#icon-dustbin</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-morebarrow"></use>
</svg>
<div class="name">more-barrow</div>
<div class="fontclass">#icon-morebarrow</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-picture"></use>
</svg>
<div class="name">picture</div>
<div class="fontclass">#icon-picture</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-appicon"></use>
</svg>
<div class="name">app-icon</div>
<div class="fontclass">#icon-appicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-informationicon"></use>
</svg>
<div class="name">information-icon</div>
<div class="fontclass">#icon-informationicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-organizationicon"></use>
</svg>
<div class="name">organization-icon</div>
<div class="fontclass">#icon-organizationicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-usericon"></use>
</svg>
<div class="name">user-icon</div>
<div class="fontclass">#icon-usericon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-moreicon"></use>
</svg>
<div class="name">more-icon</div>
<div class="fontclass">#icon-moreicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-money"></use>
</svg>
<div class="name">money</div>
<div class="fontclass">#icon-money</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-formthree"></use>
</svg>
<div class="name">form_three</div>
<div class="fontclass">#icon-formthree</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-date"></use>
</svg>
<div class="name">date</div>
<div class="fontclass">#icon-date</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-date1"></use>
</svg>
<div class="name">date1</div>
<div class="fontclass">#icon-date1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mtext"></use>
</svg>
<div class="name">mtext</div>
<div class="fontclass">#icon-mtext</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-formtwo"></use>
</svg>
<div class="name">form_two</div>
<div class="fontclass">#icon-formtwo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mobilephone"></use>
</svg>
<div class="name">mobilephone</div>
<div class="fontclass">#icon-mobilephone</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mail1"></use>
</svg>
<div class="name">mail</div>
<div class="fontclass">#icon-mail1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-morebarrow1"></use>
</svg>
<div class="name">more_barrow</div>
<div class="fontclass">#icon-morebarrow1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-text1"></use>
</svg>
<div class="name">text</div>
<div class="fontclass">#icon-text1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-checkbox"></use>
</svg>
<div class="name">checkbox</div>
<div class="fontclass">#icon-checkbox</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-radio"></use>
</svg>
<div class="name">Radio</div>
<div class="fontclass">#icon-radio</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-enclosure"></use>
</svg>
<div class="name">enclosure</div>
<div class="fontclass">#icon-enclosure</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-form"></use>
</svg>
<div class="name">form</div>
<div class="fontclass">#icon-form</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-setting"></use>
</svg>
<div class="name"> Setting</div>
<div class="fontclass">#icon-setting</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-input"></use>
</svg>
<div class="name">input</div>
<div class="fontclass">#icon-input</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<div class="name">phone</div>
<div class="fontclass">#icon-phone</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-add"></use>
</svg>
<div class="name">add</div>
<div class="fontclass">#icon-add</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-lock"></use>
</svg>
<div class="name">lock</div>
<div class="fontclass">#icon-lock</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-palette"></use>
</svg>
<div class="name">palette</div>
<div class="fontclass">#icon-palette</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-systemmanagement"></use>
</svg>
<div class="name">system management</div>
<div class="fontclass">#icon-systemmanagement</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-message"></use>
</svg>
<div class="name">message</div>
<div class="fontclass">#icon-message</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-adduser02"></use>
</svg>
<div class="name">adduser</div>
<div class="fontclass">#icon-adduser02</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-link"></use>
</svg>
<div class="name">link</div>
<div class="fontclass">#icon-link</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-linkbreak"></use>
</svg>
<div class="name">linkbreak</div>
<div class="fontclass">#icon-linkbreak</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pencil"></use>
</svg>
<div class="name">pencil</div>
<div class="fontclass">#icon-pencil</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-delete"></use>
</svg>
<div class="name">delete</div>
<div class="fontclass">#icon-delete</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cancel02"></use>
</svg>
<div class="name">cancel</div>
<div class="fontclass">#icon-cancel02</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-confirm"></use>
</svg>
<div class="name">confirm</div>
<div class="fontclass">#icon-confirm</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-s-plus"></use>
</svg>
<div class="name">plus</div>
<div class="fontclass">#icon-s-plus</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xs-plus"></use>
</svg>
<div class="name">plus</div>
<div class="fontclass">#icon-xs-plus</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-authorizationicon"></use>
</svg>
<div class="name">authorization-icon</div>
<div class="fontclass">#icon-authorizationicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-selecticon"></use>
</svg>
<div class="name">select-icon</div>
<div class="fontclass">#icon-selecticon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-accounticon"></use>
</svg>
<div class="name">account-icon</div>
<div class="fontclass">#icon-accounticon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-passwordicon"></use>
</svg>
<div class="name">password-icon</div>
<div class="fontclass">#icon-passwordicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-hiddentexticon"></use>
</svg>
<div class="name">hidden text-icon</div>
<div class="fontclass">#icon-hiddentexticon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pinicon"></use>
</svg>
<div class="name">pin-icon</div>
<div class="fontclass">#icon-pinicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon4"></use>
</svg>
<div class="name">设计</div>
<div class="fontclass">#icon-icon4</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-autohiddenicon"></use>
</svg>
<div class="name">auto hidden-icon</div>
<div class="fontclass">#icon-autohiddenicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-adminicon"></use>
</svg>
<div class="name">admin-icon</div>
<div class="fontclass">#icon-adminicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrowicon"></use>
</svg>
<div class="name">arrow-icon</div>
<div class="fontclass">#icon-arrowicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-row2column"></use>
</svg>
<div class="name">row2column</div>
<div class="fontclass">#icon-row2column</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-row3column"></use>
</svg>
<div class="name">row3column</div>
<div class="fontclass">#icon-row3column</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tablelayout"></use>
</svg>
<div class="name">tablelayout</div>
<div class="fontclass">#icon-tablelayout</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-childtable"></use>
</svg>
<div class="name">childtable</div>
<div class="fontclass">#icon-childtable</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-canvas"></use>
</svg>
<div class="name">canvas</div>
<div class="fontclass">#icon-canvas</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-component1"></use>
</svg>
<div class="name">component</div>
<div class="fontclass">#icon-component1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-property"></use>
</svg>
<div class="name">property</div>
<div class="fontclass">#icon-property</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-youyuncai"></use>
</svg>
<div class="name">youyuncai</div>
<div class="fontclass">#icon-youyuncai</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-regisered"></use>
</svg>
<div class="name">regisered</div>
<div class="fontclass">#icon-regisered</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-logout"></use>
</svg>
<div class="name">logout</div>
<div class="fontclass">#icon-logout</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-part"></use>
</svg>
<div class="name">part</div>
<div class="fontclass">#icon-part</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-personalized"></use>
</svg>
<div class="name">personalized</div>
<div class="fontclass">#icon-personalized</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-skin"></use>
</svg>
<div class="name">skin</div>
<div class="fontclass">#icon-skin</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-usermanagement"></use>
</svg>
<div class="name">user management</div>
<div class="fontclass">#icon-usermanagement</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-layout"></use>
</svg>
<div class="name">layout</div>
<div class="fontclass">#icon-layout</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-packup"></use>
</svg>
<div class="name">pack up</div>
<div class="fontclass">#icon-packup</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-max"></use>
</svg>
<div class="name">max</div>
<div class="fontclass">#icon-max</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mini"></use>
</svg>
<div class="name">mini</div>
<div class="fontclass">#icon-mini</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-unfold"></use>
</svg>
<div class="name">unfold</div>
<div class="fontclass">#icon-unfold</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-management"></use>
</svg>
<div class="name">management</div>
<div class="fontclass">#icon-management</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-template"></use>
</svg>
<div class="name">template</div>
<div class="fontclass">#icon-template</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-adminmanagement"></use>
</svg>
<div class="name">admin management</div>
<div class="fontclass">#icon-adminmanagement</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-adminmenu"></use>
</svg>
<div class="name">admin menu</div>
<div class="fontclass">#icon-adminmenu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-application"></use>
</svg>
<div class="name">application</div>
<div class="fontclass">#icon-application</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-company"></use>
</svg>
<div class="name">company</div>
<div class="fontclass">#icon-company</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-license"></use>
</svg>
<div class="name">license</div>
<div class="fontclass">#icon-license</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-menu"></use>
</svg>
<div class="name">menu</div>
<div class="fontclass">#icon-menu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rolemanagement"></use>
</svg>
<div class="name">role management</div>
<div class="fontclass">#icon-rolemanagement</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-smallauthorization"></use>
</svg>
<div class="name">small authorization</div>
<div class="fontclass">#icon-smallauthorization</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-thewidget"></use>
</svg>
<div class="name">the widget</div>
<div class="fontclass">#icon-thewidget</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bumen"></use>
</svg>
<div class="name">部门</div>
<div class="fontclass">#icon-bumen</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bianjituxing"></use>
</svg>
<div class="name">编辑图形</div>
<div class="fontclass">#icon-bianjituxing</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jian"></use>
</svg>
<div class="name">发送</div>
<div class="fontclass">#icon-jian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-head"></use>
</svg>
<div class="name">head</div>
<div class="fontclass">#icon-head</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiaobujianshouquan"></use>
</svg>
<div class="name">小部件授权</div>
<div class="fontclass">#icon-xiaobujianshouquan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrowright"></use>
</svg>
<div class="name">arrow-right</div>
<div class="fontclass">#icon-arrowright</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-arrowleft"></use>
</svg>
<div class="name">arrow-left</div>
<div class="fontclass">#icon-arrowleft</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qiyegongchangjianzhu"></use>
</svg>
<div class="name">企业</div>
<div class="fontclass">#icon-qiyegongchangjianzhu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shenqing"></use>
</svg>
<div class="name">shenqing</div>
<div class="fontclass">#icon-shenqing</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-sousuo1"></use>
</svg>
<div class="name">sousuo1</div>
<div class="fontclass">#icon-sousuo1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-sousuo2"></use>
</svg>
<div class="name">sousuo2</div>
<div class="fontclass">#icon-sousuo2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanliyuan"></use>
</svg>
<div class="name">管理员</div>
<div class="fontclass">#icon-guanliyuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhi1"></use>
</svg>
<div class="name">重置</div>
<div class="fontclass">#icon-zhongzhi1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiaose"></use>
</svg>
<div class="name">角色</div>
<div class="fontclass">#icon-jiaose</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mimacelve"></use>
</svg>
<div class="name">密码策略</div>
<div class="fontclass">#icon-mimacelve</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-anquanrizhi"></use>
</svg>
<div class="name">安全日志</div>
<div class="fontclass">#icon-anquanrizhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bianmaguizedingyi"></use>
</svg>
<div class="name">编码规则定义</div>
<div class="fontclass">#icon-bianmaguizedingyi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bujuguanli"></use>
</svg>
<div class="name">布局管理</div>
<div class="fontclass">#icon-bujuguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bianmaguiyingshe"></use>
</svg>
<div class="name">编码规映射</div>
<div class="fontclass">#icon-bianmaguiyingshe</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chaxunmobanguanli"></use>
</svg>
<div class="name">查询模板管理</div>
<div class="fontclass">#icon-chaxunmobanguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chaxunmobansheji"></use>
</svg>
<div class="name">查询模板设计</div>
<div class="fontclass">#icon-chaxunmobansheji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tiaodurenwujiankong"></use>
</svg>
<div class="name">调度任务监控</div>
<div class="fontclass">#icon-tiaodurenwujiankong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tiaodurenwurizhi"></use>
</svg>
<div class="name">调度任务日志</div>
<div class="fontclass">#icon-tiaodurenwurizhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liuchengdingyi"></use>
</svg>
<div class="name">流程定义</div>
<div class="fontclass">#icon-liuchengdingyi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiaosefenpeiyonghu"></use>
</svg>
<div class="name">角色分配用户</div>
<div class="fontclass">#icon-jiaosefenpeiyonghu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jichengxitongguanli"></use>
</svg>
<div class="name">集成系统管理</div>
<div class="fontclass">#icon-jichengxitongguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liuchengjiankong"></use>
</svg>
<div class="name">流程监控</div>
<div class="fontclass">#icon-liuchengjiankong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liuchengtongji"></use>
</svg>
<div class="name">流程统计</div>
<div class="fontclass">#icon-liuchengtongji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-renwuchajian"></use>
</svg>
<div class="name">任务插件</div>
<div class="fontclass">#icon-renwuchajian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liuchengxiaoxishezhi"></use>
</svg>
<div class="name">流程消息设置</div>
<div class="fontclass">#icon-liuchengxiaoxishezhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liuchengshezhi"></use>
</svg>
<div class="name">流程设置</div>
<div class="fontclass">#icon-liuchengshezhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shijianpeizhijiemian"></use>
</svg>
<div class="name">事件配置界面</div>
<div class="fontclass">#icon-shijianpeizhijiemian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shuchumobanguanli"></use>
</svg>
<div class="name">输出模板管理</div>
<div class="fontclass">#icon-shuchumobanguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shujuquanxian"></use>
</svg>
<div class="name">数据权限</div>
<div class="fontclass">#icon-shujuquanxian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxijiankong"></use>
</svg>
<div class="name">消息监控</div>
<div class="fontclass">#icon-xiaoxijiankong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shuchumobansheji"></use>
</svg>
<div class="name">输出模板设计</div>
<div class="fontclass">#icon-shuchumobansheji<