12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/webpage/include/taglibf.jsp"%>
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>${fns:getConfig("productName")}</title>
- <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/base.css" />
- <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/second.css" />
- <link href="${pageContext.request.contextPath}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
- <script src="${pageContext.request.contextPath}/static/web/js/jquery-2.1.4.js"></script>
- <style>
- .new_l,.new_r{ margin:10px 0px;}
- .new_l{background-color:#FFF}
- .new_l h2{ border-bottom:1px solid #CCC; border-top:1px solid #CCC; line-height:30px; font-size:14px; background-color:#f8f8f8;}
- .new_l h2 a{color:#820402}
- .new_l dl{ padding:0px 20px;}
- .new_l dt{ color:#C30; padding-left:40px; background: url(images/icon_new.png) no-repeat; line-height:40px; font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:20px; }
- .new_l dt a{ float:right; color:#999; font-size:12px;}
- .new_l dd{ line-height:36px; padding-left:30px; background:url(images/icon.png) no-repeat 10px 18px;}
- .new_l dd span{ float:right}
- .new_l dd a{ color:#666; font-size:14px;}
- .line_01{ border-bottom:1px dashed #ddd; margin:20px 0px;}
- .new_r h2{ line-height:60px; border-top:4px solid #aa1324; font-size:24px; background-color:#820402; color:#FFF; text-align:center}
- .new_r li{ line-height:58px; border-bottom:solid 1px #e5e5e5; background-color:#fff}
- .new_r li a{ color:#666; line-height:57px; font-size:18px; padding-left:90px; background:url(../images/icon_10.png) no-repeat 50px 0px;}
- .new_r li a:hover{color:#F00}
- .line_40{ line-height:50px; border-bottom:1px dashed #ddd; }
- </style>
- </head>
- <body>
- <%@ include file="/webpage/modules/web/top.jsp"%>
- <div class="second_banner"><div class="c second_banner_txt"><strong>${nav_title}</strong></div></div>
- <div class="c">
- <div class="new_l">
- <h2> 当前位置:<a href="${ctx}/home">首页</a>>${nav_title}</h2>
- <c:forEach items="${page.list}" var="obj" >
- <dl>
- <dd class="line_40"><a href="${ctxF}/detail?id=${obj.id}">${obj.title}</a><span>[ ${fns:formatDateTime(obj.updateDate)} ]</span></dd>
- </dl>
- </c:forEach>
- <div >
- <div id="pagination" style="text-align: center"></div>
- </div>
- </div>
- </div>
- <div class="clear" ></div>
- <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
- <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
- <script>
- layui.use(['laypage', 'layer'], function(){
- var laypage = layui.laypage
- ,layer = layui.layer;
- laypage.render({
- elem: 'pagination'
- ,count: ${page.count}//从服务器得到数据总数
- ,limit: ${page.pageSize}//每页展示多少条数据
- ,curr: ${page.pageNo}
- ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
- ,jump: function (obj, first) {
- //obj包含了当前分页的所有参数,比如:
- //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
- //console.log(obj.limit); //得到每页显示的条数
- //首次不执行
- if (!first) {
- //do something
- var title = $('#searchText').val()
- var href = '${ctxF}/more?news_type=${param.news_type}';
- href += '&pageNo=' + obj.curr;
- href += '&pageSize=' + obj.limit;
- //console.log(href)
- location.href = href;
- }
- }
- ,theme: '#FF5722'
- });
- });
- </script>
- <%@ include file="/webpage/modules/web/footer.jsp"%>
- </body>
- </html>
|