周伟鹏 / cnlive_shenhe · Commits

Commit e523c967869893fbc4651f4f261d7598b92cf9e5

Authored by 周伟鹏
1 parent ab98e763

白名单页面完成

Inline Side-by-side
Showing 6 changed files with 91 additions and 247 deletions
src/main/java/com/cnlive/shenhe/controller/SitesController.java
  View file @e523c96
... ... @@ -47,7 +47,7 @@ public class SitesController {
47 47 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
48 48 Integer spid = sessionUser.getSpid();
49 49 if (spid != 0){
50   - //return "page/error.html";
  50 + return "page/error.html";
51 51 }
52 52 if (CommonUtils.isNull(page)) page = 1;
53 53 if (CommonUtils.isNull(pageSize)) pageSize = 10;
... ... @@ -74,12 +74,11 @@ public class SitesController {
74 74  
75 75  
76 76 @PostMapping(value = "/write")
77   - @ResponseBody
78   - public ResponseBean write(Integer siteId, String[] write_business, HttpSession session) {
  77 + public String write(Integer siteId, String[] write_business, HttpSession session,String redirect_url) {
79 78 SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
80 79 Integer spid = sessionUser.getSpid();
81 80 if (spid != 0){
82   - //return "page/error.html";
  81 + return "page/error.html";
83 82 }
84 83 ShySites site = sitesService.get(siteId);
85 84 String write = "";
... ... @@ -92,9 +91,9 @@ public class SitesController {
92 91 site.setWrite_business(write);
93 92 boolean success = sitesService.update(site);
94 93 if(success){
95   - return new ResponseBean();
  94 + return "redirect:"+redirect_url;
96 95 }else{
97   - return new ResponseBean(ErrorEnum.ERROR);
  96 + return "error.html";
98 97 }
99 98 }
100 99  
... ...
src/main/java/com/cnlive/shenhe/controller/UsersController.java
  View file @e523c96
... ... @@ -33,13 +33,6 @@ public class UsersController {
33 33 return usersService.get(id);
34 34 }
35 35  
36   - @RequestMapping("/index")
37   - public String index(HttpSession session) {
38   - SessionUser sessionUser = (SessionUser) session.getAttribute(SessionUser.getSessionKey());
39   - System.out.println(sessionUser.getUserId());
40   - return "page/head.html";
41   - }
42   -
43 36 @RequestMapping("/login")
44 37 public String index(HttpServletRequest request) {
45 38 AttributePrincipal principal = (AttributePrincipal) request.getUserPrincipal();
... ... @@ -59,16 +52,16 @@ public class UsersController {
59 52 sessionUser.setEmail(user.getEmail());
60 53 sessionUser.setLogo(user.getUser_logo());
61 54 request.getSession().setAttribute(SessionUser.SESSION_KEY,sessionUser);
62   - return "common/head.html";
  55 + return "redirect:/videos/page";
63 56 }
64 57 }
65 58 return "page/error.html";
66 59 }
67 60  
68 61 @RequestMapping("/logout")
69   - public String loginOut(HttpSession session) {
  62 + public String logout(HttpSession session) {
70 63 session.invalidate();
71   - return "redirect:https://user.cnlive.com/OpenSSO2/login";
  64 + return "redirect:https://user.cnlive.com/OpenSSO2/logout?service=http://shenhe.cnlive.com/users/login";
72 65 }
73 66  
74 67  
... ...
src/main/resources/templates/common/foot.html
  View file @e523c96
... ... @@ -2,14 +2,14 @@
2 2 <html lang="en" xmlns:th="http://www.thymeleaf.org">
3 3 <head>
4 4 <meta charset="UTF-8">
5   - <title>Title</title>
  5 + <title></title>
6 6 </head>
7 7 <body>
8 8 <footer class="main-footer" style="font-size:18px;" th:fragment="foot">
9   - <div class="pull-right hidden-xs">
  9 + <!--<div class="pull-right hidden-xs">
10 10 <b>Version</b> 1.2
11 11 <span><a href="http://shenhe.cnlive.com/scan_update_logs">查看更新日志</a></span>
12   - </div>
  12 + </div>-->
13 13 <strong>© 2017-2018 <a href="http://www.cnlive.com/">&nbsp;&nbsp;&nbsp;&nbsp;视讯中国&nbsp;&nbsp;CNLive</a></strong>
14 14 版权所有.
15 15 </footer>
... ...
src/main/resources/templates/common/frame.html
  View file @e523c96
... ... @@ -12,9 +12,9 @@
12 12 <!-- Header Navbar: style can be found in header.less -->
13 13 <nav class="navbar navbar-static-top" role="navigation">
14 14 <!-- Sidebar toggle button-->
15   - <a href="http://shenhe.cnlive.com/videos#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  15 + <!--<a href="http://shenhe.cnlive.com/videos#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
16 16 <span class="sr-only">Toggle navigation</span>
17   - </a>
  17 + </a>-->
18 18 <div class="navbar-custom-menu">
19 19 <ul class="nav navbar-nav">
20 20 <li class="dropdown messages-menu" style="margin: 0 auto">
... ... @@ -40,11 +40,11 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
40 40 </li>
41 41 <!-- Menu Footer-->
42 42 <li class="user-footer">
43   - <div class="pull-left">
  43 + <!--<div class="pull-left">
44 44 <a href="http://shenhe.cnlive.com/users/info" class="btn btn-default btn-flat">个人资料</a>
45   - </div>
  45 + </div>-->
46 46 <div class="pull-right">
47   - <a href="http://shenhe.cnlive.com/logout" class="btn btn-default btn-flat">注销</a>
  47 + <a href="/users/logout" class="btn btn-default btn-flat">注销</a>
48 48 </div>
49 49 </li>
50 50 </ul>
... ... @@ -63,37 +63,19 @@ line-height: 2em; margin: 0 auto;font-size: 2em&quot; th:text=&quot;${session.sessionUser.
63 63 <li class="header">菜单导航</li>
64 64 <li class="treeview active">
65 65 <a href="http://shenhe.cnlive.com/videos#">
66   - <i class="fa fa-refresh"></i>
67 66 <span class="menu-item-top">审核云</span>
68   - <i class="fa fa-angle-left pull-right"></i>
69 67 </a>
70 68 <ul class="treeview-menu">
71   -
72   - <li class="active"><a href="http://shenhe.cnlive.com/videos"><i class="fa fa-youtube-play"></i> 点播审核</a></li>
73   - <li><a href="http://shenhe.cnlive.com/live"><i class="fa fa-video-camera"></i> 直播审核</a></li>
74   - <li><a href="http://shenhe.cnlive.com/comments"><i class="fa fa-comment"></i> 评论审核</a></li>
75   -
76   - <li><a href="http://shenhe.cnlive.com/anchors"><i class="fa fa-anchor"></i> 主播资质审核</a></li>
77   -
78   - <li><a href="http://shenhe.cnlive.com/live_audio"><i class="fa fa-feed"></i> 直播音频审核</a></li>
79   -
80   -
  69 + <li class="active"><a href="/videos/page"></i> 点播审核</a></li>
  70 + <li><a href="/comments/page"> 评论审核</a></li>
81 71 </ul>
82 72 </li>
83   - <li class="treeview">
  73 + <li class="treeview" th:if="${session.sessionUser.spid==0}">
84 74 <a href="http://shenhe.cnlive.com/videos#">
85   - <i class="fa fa-cog"></i>
86 75 <span class="menu-item-top">系统管理</span>
87   - <i class="fa fa-angle-left pull-right"></i>
88 76 </a>
89 77 <ul class="treeview-menu">
90   - <li><a href="http://shenhe.cnlive.com/users"><i class="fa fa-user"></i> 用户管理</a></li>
91   - <li><a href="http://shenhe.cnlive.com/roles"><i class="fa fa-users"></i> 角色管理</a></li>
92   - <li><a href="http://shenhe.cnlive.com/categories"><i class="fa fa-object-group"></i> 工作组管理</a></li>
93   - <li><a href="http://shenhe.cnlive.com/keywords"><i class="fa fa-hand-stop-o"></i> 敏感词管理</a></li>
94   - <li><a href="http://shenhe.cnlive.com/tags"><i class="fa fa-tags"></i> 常用审核意见</a></li>
95   - <li><a href="http://shenhe.cnlive.com/log"><i class="fa fa-list-alt"></i> 审核日志</a></li>
96   - <li><a href="http://shenhe.cnlive.com/whites"><i class="fa fa-list-alt"></i> 白名单管理</a></li>
  78 + <li><a href="/sites/page"> 白名单管理</a></li>
97 79 </ul>
98 80 </li>
99 81 </ul>
... ...
src/main/resources/templates/error.html 0 → 100644
  View file @e523c96
  1 +<!DOCTYPE html>
  2 +<html>
  3 +<head>
  4 + <title>审核云平台</title>
  5 +
  6 + <style>
  7 + html, body {
  8 + height: 100%;
  9 + }
  10 +
  11 + body {
  12 + margin: 0;
  13 + padding: 0;
  14 + width: 100%;
  15 + display: table;
  16 + font-weight: 100;
  17 + font-family: 'Lato', sans-serif;
  18 + }
  19 +
  20 + .container {
  21 + text-align: center;
  22 + display: table-cell;
  23 + vertical-align: middle;
  24 + }
  25 +
  26 + .content {
  27 + text-align: center;
  28 + display: inline-block;
  29 + }
  30 +
  31 + .title {
  32 + font-size: 40px;
  33 + }
  34 + </style>
  35 +</head>
  36 +<body>
  37 +<div class="container">
  38 + <div class="content">
  39 + <div class="title">出错了，请稍后再试！</div>
  40 + </div>
  41 +</div>
  42 +</body>
  43 +</html>
  44 +
... ...
src/main/resources/templates/page/site.html
  View file @e523c96
... ... @@ -4,7 +4,7 @@
4 4 <head th:replace="../templates/common/head::head"></head>
5 5 <style>
6 6 .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0px;}
7   -
  7 + .table{margin-bottom:0;}
8 8  
9 9 </style>
10 10 <body class="skin-blue sidebar-mini">
... ... @@ -19,7 +19,7 @@
19 19 白名单管理
20 20 </h1>
21 21 <ol class="breadcrumb">
22   - <li><a href="http://shenhe.cnlive.com/index"><i class="fa fa-dashboard"></i> 首页</a></li>
  22 + <li><a href="http://shenhe.cnlive.com/index"> 首页</a></li>
23 23 <li><a href="http://shenhe.cnlive.com/whites#">系统管理</a></li>
24 24 <li class="active">白名单管理</li>
25 25 </ol>
... ... @@ -127,7 +127,7 @@
127 127 <div class="fixed-table-pagination" style="display: block;">
128 128 <div class="pull-left pagination-detail"><span class="pagination-info" th:text="'共 '+${sitePage.total}+' 条记录'">共 0 条记录</span></div>
129 129 <div class="pull-right pagination">
130   - <ul class="pagination" th:if="${sitePage.pages>1}">
  130 + <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword!=null}">
131 131 <li class="page-pre"><a th:href="@{'/sites/page?keyword='+${param.keyword}}">‹‹</a></li>
132 132 <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}">‹</a></li>
133 133  
... ... @@ -142,6 +142,22 @@
142 142 <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}">›</a></li>
143 143 <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}+'&keyword='+${param.keyword}}">››</a></li>
144 144 </ul>
  145 +
  146 + <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword==null}">
  147 + <li class="page-pre"><a th:href="@{'/sites/page'}">‹‹</a></li>
  148 + <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}">‹</a></li>
  149 +
  150 + <li class="page-number" th:if="${sitePage.pageNum-3>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-3}}" th:text="${sitePage.pageNum-3}">2</a></li>
  151 + <li class="page-number" th:if="${sitePage.pageNum-2>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-2}}" th:text="${sitePage.pageNum-2}">2</a></li>
  152 + <li class="page-number" th:if="${sitePage.pageNum-1>1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}" th:text="${sitePage.pageNum-1}">2</a></li>
  153 + <li class="page-number active"><a href="javaScript:void(0);" th:text="${sitePage.pageNum}">2</a></li>
  154 + <li class="page-number" th:if="${sitePage.pageNum+1<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}" th:text="${sitePage.pageNum+1}">2</a></li>
  155 + <li class="page-number" th:if="${sitePage.pageNum+2<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+2}}" th:text="${sitePage.pageNum+2}">2</a></li>
  156 + <li class="page-number" th:if="${sitePage.pageNum+3<sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+3}}" th:text="${sitePage.pageNum+3}">2</a></li>
  157 +
  158 + <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}">›</a></li>
  159 + <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}}">››</a></li>
  160 + </ul>
145 161 </div>
146 162 </div>
147 163 </div>
... ... @@ -160,7 +176,7 @@
160 176 <div class="modal-content" style="margin-top: 30%;">
161 177 <div class="modal-header">
162 178 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
163   - <h4 class="modal-title" id="myModalLabel">编辑</h4>
  179 + <h4 class="modal-title" id="myModalLabel">编辑白名单</h4>
164 180 </div>
165 181 <div class="modal-body">
166 182 <div class="form-group">
... ... @@ -172,8 +188,9 @@
172 188  
173 189 <div class="form-group">
174 190 <label class="control-label col-sm-2" style="font-size: 15px;">免审业务:</label>
175   - <form action="/sites/edit" method="post">
  191 + <form action="/sites/write" method="post" id="editWrite">
176 192 <input type="text" name="siteId" value="" class="hide" id="edit_id"/>
  193 + <input type="text" name="redirect_url" value="" class="hide" id="redirect_url"/>
177 194 <div class="col-sm-10" style="float: left">
178 195 <div th:each="bu:${business}" style="padding-right: 30px;" class="write_check">
179 196 <span th:text="${bu.value}" style="font-size: 15px"></span>
... ... @@ -181,23 +198,23 @@
181 198 </div>
182 199 </div>
183 200 </form>
184   -
185 201 </div>
186 202  
187 203 </div>
188 204 <div class="modal-footer">
189 205 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
190   - <button type="button" class="btn btn-primary">提交更改</button>
  206 + <button type="button" class="btn btn-primary" onclick="javascript:$('#editWrite').submit();">提交更改</button>
191 207 </div>
192 208 </div><!-- /.modal-content -->
193 209 </div><!-- /.modal-dialog -->
194 210 </div>
195 211 <!-- /.modal -->
196 212 <script>
197   - //编辑窗口
  213 + //设置白名单，打开编辑窗口
198 214 function edit(id,company,write_business){
199 215 $("#edit_company").text(company);
200   - $("#edit_id").text(id);
  216 + $("#edit_id").val(id);
  217 + $("#redirect_url").val(location.pathname+location.search);
201 218 $(".write_check input").prop("checked",false);
202 219 if($.trim(write_business)!=''){
203 220 var array = write_business.split(",")
... ... @@ -207,203 +224,12 @@
207 224 }
208 225 $('#editModal').modal('show');
209 226 }
  227 +
210 228 </script>
211 229  
212 230 <footer th:replace="../templates/common/foot::foot" ></footer>
213 231  
214 232  
215   - <!-- Control Sidebar -->
216   - <aside class="control-sidebar control-sidebar-dark">
217   - <!-- Create the tabs -->
218   - <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
219   - <li class="active"><a href="http://shenhe.cnlive.com/whites#control-sidebar-theme-demo-options-tab"
220   - data-toggle="tab"><i class="fa fa-wrench"></i></a></li>
221   - <li><a href="http://shenhe.cnlive.com/whites#control-sidebar-home-tab" data-toggle="tab"><i
222   - class="fa fa-home"></i></a></li>
223   - <li><a href="http://shenhe.cnlive.com/whites#control-sidebar-settings-tab" data-toggle="tab"><i
224   - class="fa fa-gears"></i></a></li>
225   - </ul>
226   - <!-- Tab panes -->
227   - <div class="tab-content">
228   - <!-- Home tab content -->
229   - <div class="tab-pane" id="control-sidebar-home-tab">
230   - </div>
231   - <div id="control-sidebar-theme-demo-options-tab" class="tab-pane active">
232   - <div><h4 class="control-sidebar-heading">选择主题颜色</h4>
233   - <ul class="list-unstyled clearfix">
234   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
235   - data-skin="skin-blue"
236   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
237   - class="clearfix full-opacity-hover">
238   - <div><span
239   - style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span
240   - class="bg-light-blue"
241   - style="display:block; width: 80%; float: left; height: 7px;"></span></div>
242   - <div><span
243   - style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
244   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
245   - </div>
246   - </a>
247   - <p class="text-center no-margin">黑蓝</p></li>
248   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
249   - data-skin="skin-black"
250   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
251   - class="clearfix full-opacity-hover">
252   - <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span
253   - style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span
254   - style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
255   - </div>
256   - <div><span
257   - style="display:block; width: 20%; float: left; height: 20px; background: #222;"></span><span
258   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
259   - </div>
260   - </a>
261   - <p class="text-center no-margin">黑白</p></li>
262   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
263   - data-skin="skin-purple"
264   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
265   - class="clearfix full-opacity-hover">
266   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
267   - class="bg-purple-active"></span><span class="bg-purple"
268   - style="display:block; width: 80%; float: left; height: 7px;"></span>
269   - </div>
270   - <div><span
271   - style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
272   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
273   - </div>
274   - </a>
275   - <p class="text-center no-margin">黑紫</p></li>
276   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
277   - data-skin="skin-green"
278   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
279   - class="clearfix full-opacity-hover">
280   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
281   - class="bg-green-active"></span><span class="bg-green"
282   - style="display:block; width: 80%; float: left; height: 7px;"></span>
283   - </div>
284   - <div><span
285   - style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
286   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
287   - </div>
288   - </a>
289   - <p class="text-center no-margin">黑绿</p></li>
290   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
291   - data-skin="skin-red"
292   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
293   - class="clearfix full-opacity-hover">
294   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
295   - class="bg-red-active"></span><span class="bg-red"
296   - style="display:block; width: 80%; float: left; height: 7px;"></span>
297   - </div>
298   - <div><span
299   - style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
300   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
301   - </div>
302   - </a>
303   - <p class="text-center no-margin">红色</p></li>
304   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
305   - data-skin="skin-yellow"
306   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
307   - class="clearfix full-opacity-hover">
308   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
309   - class="bg-yellow-active"></span><span class="bg-yellow"
310   - style="display:block; width: 80%; float: left; height: 7px;"></span>
311   - </div>
312   - <div><span
313   - style="display:block; width: 20%; float: left; height: 20px; background: #222d32;"></span><span
314   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
315   - </div>
316   - </a>
317   - <p class="text-center no-margin">黑黄</p></li>
318   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
319   - data-skin="skin-blue-light"
320   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
321   - class="clearfix full-opacity-hover">
322   - <div><span
323   - style="display:block; width: 20%; float: left; height: 7px; background: #367fa9;"></span><span
324   - class="bg-light-blue"
325   - style="display:block; width: 80%; float: left; height: 7px;"></span></div>
326   - <div><span
327   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
328   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
329   - </div>
330   - </a>
331   - <p class="text-center no-margin" style="font-size: 12px">灰蓝</p></li>
332   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
333   - data-skin="skin-black-light"
334   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
335   - class="clearfix full-opacity-hover">
336   - <div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span
337   - style="display:block; width: 20%; float: left; height: 7px; background: #fefefe;"></span><span
338   - style="display:block; width: 80%; float: left; height: 7px; background: #fefefe;"></span>
339   - </div>
340   - <div><span
341   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
342   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
343   - </div>
344   - </a>
345   - <p class="text-center no-margin" style="font-size: 12px">灰白</p></li>
346   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
347   - data-skin="skin-purple-light"
348   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
349   - class="clearfix full-opacity-hover">
350   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
351   - class="bg-purple-active"></span><span class="bg-purple"
352   - style="display:block; width: 80%; float: left; height: 7px;"></span>
353   - </div>
354   - <div><span
355   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
356   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
357   - </div>
358   - </a>
359   - <p class="text-center no-margin" style="font-size: 12px">灰紫</p></li>
360   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
361   - data-skin="skin-green-light"
362   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
363   - class="clearfix full-opacity-hover">
364   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
365   - class="bg-green-active"></span><span class="bg-green"
366   - style="display:block; width: 80%; float: left; height: 7px;"></span>
367   - </div>
368   - <div><span
369   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
370   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
371   - </div>
372   - </a>
373   - <p class="text-center no-margin" style="font-size: 12px">灰绿</p></li>
374   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
375   - data-skin="skin-red-light"
376   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
377   - class="clearfix full-opacity-hover">
378   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
379   - class="bg-red-active"></span><span class="bg-red"
380   - style="display:block; width: 80%; float: left; height: 7px;"></span>
381   - </div>
382   - <div><span
383   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
384   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
385   - </div>
386   - </a>
387   - <p class="text-center no-margin" style="font-size: 12px">灰红</p></li>
388   - <li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0);"
389   - data-skin="skin-yellow-light"
390   - style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)"
391   - class="clearfix full-opacity-hover">
392   - <div><span style="display:block; width: 20%; float: left; height: 7px;"
393   - class="bg-yellow-active"></span><span class="bg-yellow"
394   - style="display:block; width: 80%; float: left; height: 7px;"></span>
395   - </div>
396   - <div><span
397   - style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc;"></span><span
398   - style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7;"></span>
399   - </div>
400   - </a>
401   - <p class="text-center no-margin" style="font-size: 12px;">灰黄</p></li>
402   - </ul>
403   - </div>
404   - </div><!-- /.tab-pane -->
405   - </div>
406   - </aside><!-- /.control-sidebar -->
407 233 <!-- Add the sidebar's background. This div must be placed
408 234 immediately after the control sidebar -->
409 235 <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
... ...