topic.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title th:text="'采美365网-'+${pageData.title}"></title>
  6. <meta http-equiv="keywords" th:content="${pageData.keywords}">
  7. <meta http-equiv="description" th:content="${pageData.description}">
  8. <template th:replace="components/headLink"></template>
  9. <link th:href="@{/css/single-page/topic.css(v=${version})}" rel="stylesheet" type="text/css">
  10. </head>
  11. <body>
  12. <!-- 引用头部 -->
  13. <template th:replace="components/header"></template>
  14. <!-- 二级页面 -->
  15. <div id="topicPage">
  16. <div class="pageTop">
  17. <img th:src="${pageData.image}">
  18. <p th:utext="${pageData.content}"></p>
  19. </div>
  20. <div class="wrap">
  21. <div class="pageFloor" v-for="floor in floorDatas">
  22. <div class="title" v-text="floor.title"></div>
  23. <ul class="content clear">
  24. <li v-for="item in floor.floorData">
  25. <a :href="item.link">
  26. <img :src="item.image">
  27. <span v-text="item.title"></span>
  28. </a>
  29. </li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="contactBox">
  34. <div class="tit"><span>加入正品联盟</span></div>
  35. <div class="cont">
  36. <span class="icon mIcon call">0755-22907771转806<br>15338851365</span>
  37. <span class="icon mIcon phone">产品设备:18948339365<br>商务合作:17318032647</span>
  38. </div>
  39. </div>
  40. </div>
  41. <!-- 引入底部 -->
  42. <template th:replace="components/footer"></template>
  43. <template th:replace="components/footLink"></template>
  44. <script charset="utf-8" type="text/javascript" th:src="@{/js/single-page/topic.js(v=${version})}"></script>
  45. </body>
  46. </html>