link.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link},~{::meta})">
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  6. <title>友情链接</title>
  7. <!-- 二级页面CSS -->
  8. <link rel="stylesheet" th:href="${portalHost+'/css/secode.css'}">
  9. <!-- 自定义动画样式 -->
  10. <link rel="stylesheet" th:href="${portalHost+'/css/swiper.min.css'}">
  11. </head>
  12. <style>
  13. .linkAll>span:hover {
  14. color: rgb(10, 98, 156);
  15. }
  16. </style>
  17. <body>
  18. <div class="app">
  19. <!-- 头部 -->
  20. <!-- 头部 -->
  21. <header>
  22. <div th:replace="common::nav('','')"></div>
  23. <div class="swiper-containerx">
  24. <img th:src="${banners}==null?${portalHost+'/images/banner/about_bg.png'}:${avatarUploadHost}+${banners.bannerUrl}" />
  25. <div class="swiper_title">
  26. <h6>新闻动态</h6>
  27. </div>
  28. </div>
  29. </header>
  30. <!-- 主体内容 -->
  31. <div class="client main" >
  32. <div class="secondary-menu news-text">
  33. <div class="container">
  34. <ul>
  35. <li class="active"><a href="javascript:;">友情链接</a> </li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div style="padding:6px 20px;width:70vw;margin: 0 auto;">
  40. <h3>友情链接</h3>
  41. <div class="linkAll" style="margin: 6px 0;" >
  42. <span class="spanLinkMore" style="display: inline-block;padding-right: 6px;" th:each="link:${links}"><a style="color:#7E7F7F" th:href="${link.url}" th:text="${link.name}"></a></span>
  43. </div>
  44. </div>
  45. </div>
  46. <!-- 主体内容 end -->
  47. <!-- 底部 -->
  48. <footer>
  49. <div th:replace="common::copyright('')"></div>
  50. </footer>
  51. <!-- 底部 end -->
  52. </div>
  53. <div th:replace="common::footer(~{::script},'')">
  54. <!-- 引入分页 -->
  55. <script th:src="${portalHost+'/js/page.js'}"></script>
  56. </div>
  57. </body>
  58. </html>