Skip to content
GitLab
Commit 86cc701e authored by 季圣华's avatar 季圣华
Browse files

给功能模块的小图标增加参考网页

parent 94de9b03
Hide whitespace changes
Inline Side-by-side
erp_web/pages/manage/functions.html
View file @ 86cc701e
......@@ -15,6 +15,7 @@
<script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/js/common/common.js"></script>
<script src="/js/common/jsherp.js"></script>
</head>
<body>
<!-- 数据显示table -->
......@@ -91,7 +92,7 @@
<tr>
<td>图标</td>
<td style="padding:5px">
<input id="icon" name="icon" class="easyui-textbox" style="width:230px;"/>
<input id="icon" name="icon" class="easyui-textbox" data-options="buttonText:'参考'" style="width:230px;"/>
</td>
</tr>
<tr>
......@@ -354,7 +355,8 @@
$(".window-mask").css({width: webW, height: webH});
$("#Name").val("").focus();
$('#functionsFM').form('clear');
//点击icon图标弹出页面
iconBtnFun();
oldFunctions = "";
functionsID = 0;
url = '/functions/add';
......@@ -405,6 +407,8 @@
$("#Enabled").attr("checked", rowsdata.enabled);
$("#icon").textbox("setValue", rowsdata.icon);
$("#Type").textbox("setValue", rowsdata.type);
//点击icon图标弹出页面
iconBtnFun();
if (rowsdata.pushbtn) {
var arr = rowsdata.pushbtn.split(",");
var pushBtnArray = [];
......@@ -430,6 +434,15 @@
url = '/functions/update?id=' + rowsdata.id;
}
//点击icon图标弹出页面
function iconBtnFun() {
$("#icon").textbox({
onClickButton:function(){
js.addTabPage(null, "图标选择", "/pages/manage/icon_select.html");
}
});
}
//检查名称是否存在 ++ 重名无法提示问题需要跟进
function checkFunctionsName() {
var Name = $.trim($("#Name").val());
......
erp_web/pages/manage/icon_select.html 0 → 100644
View file @ 86cc701e
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="webkit" name="renderer"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta content="no-cache" http-equiv="Pragma"/>
<meta http-equiv="Expires" content="0"/>
<meta content="width=device-width, initial-scale=1, user-scalable=1" name="viewport"/>
<title>图标选择</title>
<script src="/js/global.min.js?ctx=/js/a"></script>
<script src="/js/jquery/jquery-1.12.4.min.js"></script>
<!--[if lt IE 9]>
<script src="/js/common/h5fix.min.js"></script><![endif]-->
<link rel="stylesheet" href="/css/fonts/font-icons.min.css">
<link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/js/wdScrollTab/css/TabPanel.css">
<link rel="stylesheet" href="/js/adminlte/css/AdminLTE.min.css">
<link rel="stylesheet" href="/css/jsherp.css">
<link rel="stylesheet" href="/js/adminlte/css/skins/skin-blue-light2.css">
<link rel="stylesheet" href="/js/easyui/themes/default/easyui.css" type="text/css"/>
</head>
<body class="hold-transition box box-main">
<div class="wrapper">
<style>
.nav-tabs-custom {
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
}
.simplelineicons div, .fontawesome-icons div, .bs-glyphicons li {
cursor: pointer;
line-height: 34px;
}
.simplelineicons div:hover, .fontawesome-icons div:hover, .bs-glyphicons li:hover {
background: #eee;
}
.simplelineicons div i, .fontawesome-icons div i, .bs-glyphicons li i {
font-size: 20px;
}
.bs-glyphicons {
padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 95px;
padding: 10px;
margin: 0 -1px -1px 0;
font-size: 14px;
line-height: 1.4;
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word;
}
@media (min-width: 768px) {
.bs-glyphicons li {
width: 12.5%;
}
}
</style>
<input type="hidden" id="icon" value="icon-people"/>
<div class="nav-tabs-custom">
<div class="tab-content">
<div class="tab-pane active" id="tab_1_1">
<div class="simplelineicons">
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-user"></i><span class="name">&nbsp; icon-user</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-people"></i><span class="name">&nbsp; icon-people</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-user-female"></i><span class="name">&nbsp; icon-user-female</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-user-follow"></i><span class="name">&nbsp; icon-user-follow</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-user-following"></i><span class="name">&nbsp; icon-user-following</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-user-unfollow"></i><span class="name">&nbsp; icon-user-unfollow</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-login"></i><span class="name">&nbsp; icon-login</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-logout"></i><span class="name">&nbsp; icon-logout</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-emotsmile"></i><span class="name">&nbsp; icon-emotsmile</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-phone"></i><span class="name">&nbsp; icon-phone</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-call-end"></i><span class="name">&nbsp; icon-call-end</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-call-in"></i><span class="name">&nbsp; icon-call-in</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-call-out"></i><span class="name">&nbsp; icon-call-out</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-map"></i><span class="name">&nbsp; icon-map</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-location-pin"></i><span class="name">&nbsp; icon-location-pin</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-direction"></i><span class="name">&nbsp; icon-direction</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-directions"></i><span class="name">&nbsp; icon-directions</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-compass"></i><span class="name">&nbsp; icon-compass</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-layers"></i><span class="name">&nbsp; icon-layers</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-menu"></i><span class="name">&nbsp; icon-menu</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-list"></i><span class="name">&nbsp; icon-list</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-options-vertical"></i><span class="name">&nbsp; icon-options-vertical</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-options"></i><span class="name">&nbsp; icon-options</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-down"></i><span class="name">&nbsp; icon-arrow-down</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-left"></i><span class="name">&nbsp; icon-arrow-left</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-right"></i><span class="name">&nbsp; icon-arrow-right</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-up"></i><span class="name">&nbsp; icon-arrow-up</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-up-circle"></i><span class="name">&nbsp; icon-arrow-up-circle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-left-circle"></i><span
class="name">&nbsp; icon-arrow-left-circle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-right-circle"></i><span
class="name">&nbsp; icon-arrow-right-circle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-arrow-down-circle"></i><span
class="name">&nbsp; icon-arrow-down-circle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-check"></i><span class="name">&nbsp; icon-check</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-clock"></i><span class="name">&nbsp; icon-clock</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-plus"></i><span class="name">&nbsp; icon-plus</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-minus"></i><span class="name">&nbsp; icon-minus</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-close"></i><span class="name">&nbsp; icon-close</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-event"></i><span class="name">&nbsp; icon-event</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-exclamation"></i><span class="name">&nbsp; icon-exclamation</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-organization"></i><span class="name">&nbsp; icon-organization</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-trophy"></i><span class="name">&nbsp; icon-trophy</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-screen-smartphone"></i><span
class="name">&nbsp; icon-screen-smartphone</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-screen-desktop"></i><span class="name">&nbsp; icon-screen-desktop</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-plane"></i><span class="name">&nbsp; icon-plane</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-notebook"></i><span class="name">&nbsp; icon-notebook</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-mustache"></i><span class="name">&nbsp; icon-mustache</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-mouse"></i><span class="name">&nbsp; icon-mouse</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-magnet"></i><span class="name">&nbsp; icon-magnet</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-energy"></i><span class="name">&nbsp; icon-energy</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-disc"></i><span class="name">&nbsp; icon-disc</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-cursor"></i><span class="name">&nbsp; icon-cursor</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-cursor-move"></i><span class="name">&nbsp; icon-cursor-move</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-crop"></i><span class="name">&nbsp; icon-crop</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-chemistry"></i><span class="name">&nbsp; icon-chemistry</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-speedometer"></i><span class="name">&nbsp; icon-speedometer</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-shield"></i><span class="name">&nbsp; icon-shield</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-screen-tablet"></i><span class="name">&nbsp; icon-screen-tablet</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-magic-wand"></i><span class="name">&nbsp; icon-magic-wand</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-hourglass"></i><span class="name">&nbsp; icon-hourglass</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-graduation"></i><span class="name">&nbsp; icon-graduation</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-ghost"></i><span class="name">&nbsp; icon-ghost</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-game-controller"></i><span class="name">&nbsp; icon-game-controller</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-fire"></i><span class="name">&nbsp; icon-fire</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-eyeglass"></i><span class="name">&nbsp; icon-eyeglass</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-envelope-open"></i><span class="name">&nbsp; icon-envelope-open</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-envelope-letter"></i><span class="name">&nbsp; icon-envelope-letter</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-bell"></i><span class="name">&nbsp; icon-bell</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-badge"></i><span class="name">&nbsp; icon-badge</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-anchor"></i><span class="name">&nbsp; icon-anchor</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-wallet"></i><span class="name">&nbsp; icon-wallet</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-vector"></i><span class="name">&nbsp; icon-vector</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-speech"></i><span class="name">&nbsp; icon-speech</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-puzzle"></i><span class="name">&nbsp; icon-puzzle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-printer"></i><span class="name">&nbsp; icon-printer</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-present"></i><span class="name">&nbsp; icon-present</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-playlist"></i><span class="name">&nbsp; icon-playlist</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-pin"></i><span class="name">&nbsp; icon-pin</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-picture"></i><span class="name">&nbsp; icon-picture</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-handbag"></i><span class="name">&nbsp; icon-handbag</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-globe-alt"></i><span class="name">&nbsp; icon-globe-alt</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-globe"></i><span class="name">&nbsp; icon-globe</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-folder-alt"></i><span class="name">&nbsp; icon-folder-alt</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-folder"></i><span class="name">&nbsp; icon-folder</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-film"></i><span class="name">&nbsp; icon-film</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-feed"></i><span class="name">&nbsp; icon-feed</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-drop"></i><span class="name">&nbsp; icon-drop</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-drawer"></i><span class="name">&nbsp; icon-drawer</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-docs"></i><span class="name">&nbsp; icon-docs</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-doc"></i><span class="name">&nbsp; icon-doc</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-diamond"></i><span class="name">&nbsp; icon-diamond</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-cup"></i><span class="name">&nbsp; icon-cup</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-calculator"></i><span class="name">&nbsp; icon-calculator</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-bubbles"></i><span class="name">&nbsp; icon-bubbles</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-briefcase"></i><span class="name">&nbsp; icon-briefcase</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-book-open"></i><span class="name">&nbsp; icon-book-open</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-basket-loaded"></i><span class="name">&nbsp; icon-basket-loaded</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-basket"></i><span class="name">&nbsp; icon-basket</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-bag"></i><span class="name">&nbsp; icon-bag</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-action-undo"></i><span class="name">&nbsp; icon-action-undo</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-action-redo"></i><span class="name">&nbsp; icon-action-redo</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-wrench"></i><span class="name">&nbsp; icon-wrench</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-umbrella"></i><span class="name">&nbsp; icon-umbrella</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-trash"></i><span class="name">&nbsp; icon-trash</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-tag"></i><span class="name">&nbsp; icon-tag</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-support"></i><span class="name">&nbsp; icon-support</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-frame"></i><span class="name">&nbsp; icon-frame</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-size-fullscreen"></i><span class="name">&nbsp; icon-size-fullscreen</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-size-actual"></i><span class="name">&nbsp; icon-size-actual</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-shuffle"></i><span class="name">&nbsp; icon-shuffle</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-share-alt"></i><span class="name">&nbsp; icon-share-alt</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-share"></i><span class="name">&nbsp; icon-share</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-rocket"></i><span class="name">&nbsp; icon-rocket</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-question"></i><span class="name">&nbsp; icon-question</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-pie-chart"></i><span class="name">&nbsp; icon-pie-chart</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-pencil"></i><span class="name">&nbsp; icon-pencil</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-note"></i><span class="name">&nbsp; icon-note</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-loop"></i><span class="name">&nbsp; icon-loop</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-home"></i><span class="name">&nbsp; icon-home</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-grid"></i><span class="name">&nbsp; icon-grid</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-graph"></i><span class="name">&nbsp; icon-graph</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-microphone"></i><span class="name">&nbsp; icon-microphone</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-music-tone-alt"></i><span class="name">&nbsp; icon-music-tone-alt</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-music-tone"></i><span class="name">&nbsp; icon-music-tone</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-earphones-alt"></i><span class="name">&nbsp; icon-earphones-alt</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-earphones"></i><span class="name">&nbsp; icon-earphones</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-equalizer"></i><span class="name">&nbsp; icon-equalizer</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-like"></i><span class="name">&nbsp; icon-like</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-dislike"></i><span class="name">&nbsp; icon-dislike</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-start"></i><span class="name">&nbsp; icon-control-start</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-rewind"></i><span class="name">&nbsp; icon-control-rewind</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-play"></i><span class="name">&nbsp; icon-control-play</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-pause"></i><span class="name">&nbsp; icon-control-pause</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-forward"></i><span class="name">&nbsp; icon-control-forward</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-control-end"></i><span class="name">&nbsp; icon-control-end</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-volume-1"></i><span class="name">&nbsp; icon-volume-1</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-volume-2"></i><span class="name">&nbsp; icon-volume-2</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-volume-off"></i><span class="name">&nbsp; icon-volume-off</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-calendar"></i><span class="name">&nbsp; icon-calendar</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-bulb"></i><span class="name">&nbsp; icon-bulb</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-chart"></i><span class="name">&nbsp; icon-chart</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-ban"></i><span class="name">&nbsp; icon-ban</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-bubble"></i><span class="name">&nbsp; icon-bubble</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-camrecorder"></i><span class="name">&nbsp; icon-camrecorder</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-camera"></i><span class="name">&nbsp; icon-camera</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-cloud-download"></i><span class="name">&nbsp; icon-cloud-download</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-cloud-upload"></i><span class="name">&nbsp; icon-cloud-upload</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-envelope"></i><span class="name">&nbsp; icon-envelope</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-eye"></i><span class="name">&nbsp; icon-eye</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-flag"></i><span class="name">&nbsp; icon-flag</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-heart"></i><span class="name">&nbsp; icon-heart</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-info"></i><span class="name">&nbsp; icon-info</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-key"></i><span class="name">&nbsp; icon-key</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-link"></i><span class="name">&nbsp; icon-link</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-lock"></i><span class="name">&nbsp; icon-lock</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-lock-open"></i><span class="name">&nbsp; icon-lock-open</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-magnifier"></i><span class="name">&nbsp; icon-magnifier</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-magnifier-add"></i><span class="name">&nbsp; icon-magnifier-add</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-magnifier-remove"></i><span class="name">&nbsp; icon-magnifier-remove</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-paper-clip"></i><span class="name">&nbsp; icon-paper-clip</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-paper-plane"></i><span class="name">&nbsp; icon-paper-plane</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-power"></i><span class="name">&nbsp; icon-power</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-refresh"></i><span class="name">&nbsp; icon-refresh</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-reload"></i><span class="name">&nbsp; icon-reload</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-settings"></i><span class="name">&nbsp; icon-settings</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-star"></i><span class="name">&nbsp; icon-star</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-symbol-female"></i><span class="name">&nbsp; icon-symbol-female</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-symbol-male"></i><span class="name">&nbsp; icon-symbol-male</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-target"></i><span class="name">&nbsp; icon-target</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-credit-card"></i><span class="name">&nbsp; icon-credit-card</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-paypal"></i><span class="name">&nbsp; icon-paypal</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-tumblr"></i><span class="name">&nbsp; icon-social-tumblr</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-twitter"></i><span class="name">&nbsp; icon-social-twitter</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-facebook"></i><span class="name">&nbsp; icon-social-facebook</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-instagram"></i><span class="name">&nbsp; icon-social-instagram</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-linkedin"></i><span class="name">&nbsp; icon-social-linkedin</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-pinterest"></i><span class="name">&nbsp; icon-social-pinterest</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-github"></i><span class="name">&nbsp; icon-social-github</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-google"></i><span class="name">&nbsp; icon-social-google</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-reddit"></i><span class="name">&nbsp; icon-social-reddit</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-skype"></i><span class="name">&nbsp; icon-social-skype</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-dribbble"></i><span class="name">&nbsp; icon-social-dribbble</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-behance"></i><span class="name">&nbsp; icon-social-behance</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-foursqare"></i><span class="name">&nbsp; icon-social-foursqare</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-soundcloud"></i><span
class="name">&nbsp; icon-social-soundcloud</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-spotify"></i><span class="name">&nbsp; icon-social-spotify</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-stumbleupon"></i><span
class="name">&nbsp; icon-social-stumbleupon</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-youtube"></i><span class="name">&nbsp; icon-social-youtube</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-dropbox"></i><span class="name">&nbsp; icon-social-dropbox</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-vkontakte"></i><span class="name">&nbsp; icon-social-vkontakte</span>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="item-box">
<i class="icon-social-steam"></i><span class="name">&nbsp; icon-social-steam</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="scroll-up" href="#" class="btn btn-sm"><i class="fa fa-angle-double-up"></i></a>
<script src="/js/layer/3.1/layer.js"></script>
<script src="/js/wdScrollTab/js/TabPanel.js"></script>
<script src="/js/wdScrollTab/js/TabPanel.extend.js"></script>
<script src="/js/wdScrollTab/js/TabPanel_i18n.js"></script>
<script src="/js/common/jsherp.js"></script>
<script src="/js/common/i18n/jsherp_zh_CN.js"></script>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment