news.jsp 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  2. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  3. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  4. <!DOCTYPE HTML>
  5. <html>
  6. <head>
  7. <title id="pageTitle">昊古</title>
  8. <meta name="renderer" content="webkit"/>
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  11. <meta name="format-detection" content="telephone=no"/>
  12. <meta name="apple-mobile-web-app-capable" content="yes"/>
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  14. <meta name="viewport"
  15. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
  16. <meta id="description" name="Description" content="昊古"/>
  17. <meta id="key" name="Keywords" content="昊古"/>
  18. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/common.css"/>
  19. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/fonts.css"/>
  20. <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/aos.css"/>
  21. <script language="javascript" type="text/javascript"
  22. src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
  23. <script language="javascript" type="text/javascript"
  24. src="${pageContext.request.contextPath}/static/js/js.js"></script>
  25. </head>
  26. <body>
  27. <div class="header">
  28. <div class="headt">
  29. <div class="main">
  30. <div class="headlogo">
  31. <a class="lowes" href="${pageContext.request.contextPath}/index.html/1/3">
  32. <img class="helogo" src="${pageContext.request.contextPath}/static/images/logo2x.png" alt="">
  33. </a>
  34. <a class="lores" href="${pageContext.request.contextPath}/index.html/1/3">
  35. <img class="helogo" src="${pageContext.request.contextPath}/static/images/lores.png" alt="">
  36. </a>
  37. </div>
  38. <div class="munes">
  39. <a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a>
  40. </div>
  41. <div class="headnva">
  42. <ul>
  43. <li><a href="${pageContext.request.contextPath}/index.html/1/3">基金介绍</a></li>
  44. <li><a href="${pageContext.request.contextPath}/example.html">投资案例</a></li>
  45. <li><a href="${pageContext.request.contextPath}/news.html/1/10">新闻动态</a></li>
  46. <li><a href="${pageContext.request.contextPath}/contact.html">联系我们</a></li>
  47. </ul>
  48. </div>
  49. <div class="cl"></div>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="headerpr"></div>
  54. <div class="solde">
  55. <div class="soldimbg"
  56. style=" background-image: url(${pageContext.request.contextPath}/static/images/solde02.jpg); height:300px;"></div>
  57. </div>
  58. <div class="news newsovf">
  59. <div class="main">
  60. <div class="pro_tal">
  61. <div class="newsxt_list">
  62. <div class="newsxt_list_ne">
  63. <c:forEach items="${pageInfo.list}" var="newsList">
  64. <div class="newsxt_le">
  65. <div class="newsxt_imtl aos-animate" data-aos-duration="300" data-aos-delay="100"
  66. data-aos="fade-right">
  67. <div class="new_tlimg"><a
  68. href="${pageContext.request.contextPath}/new.html/${newsList.id}"><img
  69. class="new_imge" src="images/news01.jpg"
  70. alt=""></a></div>
  71. <div class="new_tldat">
  72. <p class="new_datd">
  73. <c:forEach var="val" begin="2" end="3" items="${fn:split(newsList.date,'-')}">
  74. ${val}
  75. </c:forEach>
  76. </p>
  77. <p class="new_datm">
  78. <c:forEach var="val" begin="1" end="1" items="${fn:split(newsList.date,'-')}">
  79. ${val}月
  80. </c:forEach>
  81. </p>
  82. </div>
  83. </div>
  84. <div class="newsxt_txtl aos-animate" data-aos-duration="300" data-aos-delay="100"
  85. data-aos="fade-left">
  86. <p class="new_tllit"><a
  87. href="${pageContext.request.contextPath}/new.html/${newsList.id}">${newsList.title}</a>
  88. </p>
  89. <p class="new_tlcom"><span class="new_comda"><i class="new_comico new_icod01"><img
  90. src="images/newdata2x.png" alt=""></i>${newsList.date}</span><span
  91. class="new_comcc"><i
  92. class="new_comico new_icod02"><img src="images/newuser2x.png"
  93. alt=""></i>${newsList.author}</span>
  94. </p>
  95. <div class="new_tltex"><a
  96. href="${pageContext.request.contextPath}/new.html/${newsList.id}">${newsList.content}</a>
  97. </div>
  98. </div>
  99. <div class="cl"></div>
  100. </div>
  101. </c:forEach>
  102. </div>
  103. </div>
  104. <div class="pagelist">
  105. <a href="${pageContext.request.contextPath}/news.html/1/${pageInfo.pageSize }">首页</a>
  106. <a href="${pageContext.request.contextPath}/news.html/${pageInfo.prePage}/${pageInfo.pageSize }"><i
  107. class="fa fa-chevron-left"></i></a>
  108. <c:forEach items="${pageInfo.navigatepageNums}" var="nav">
  109. <c:if test="${nav == pageInfo.pageNum}">
  110. <a href="${pageContext.request.contextPath}/news.html/${nav}/${pageInfo.pageSize }"
  111. class="active">${nav}</a>
  112. </c:if>
  113. <c:if test="${nav != pageInfo.pageNum}">
  114. <a href="${pageContext.request.contextPath}/news.html/${nav}/${pageInfo.pageSize }">${nav}</a>
  115. </c:if>
  116. </c:forEach>
  117. <a href="${pageContext.request.contextPath}/news.html/${pageInfo.nextPage}/${pageInfo.pageSize }"><i
  118. class="fa fa-chevron-right"></i></a>
  119. <a href="${pageContext.request.contextPath}/news.html/${pageInfo.pages }/${pageInfo.pageSize }">末页</a>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="foot">
  126. <div class="main">
  127. <div class="footcopy">Copyright &copy; 2017 昊古资本 沪ICP备14003493号-9 powered by jzdsh</div>
  128. <div class="cl"></div>
  129. </div>
  130. </div>
  131. <!-- 代码部分end -->
  132. <script type="text/javascript" src="js/aos.js"></script>
  133. <script type="text/javascript">
  134. (function () {
  135. AOS.init({});
  136. }());
  137. </script>
  138. </body>
  139. </html>