article-drawer.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link th:href="@{/css/article/drawer-footer.css(v=${version})}" rel="stylesheet" type="text/css" />
  6. </head>
  7. <body>
  8. <input type="hidden" th:value="${coreServer}" id="coreServer">
  9. <input type="hidden" th:value="${agent}" id="userAgent">
  10. <div id="drawer-footer">
  11. <div class="hot-recommend">
  12. <div class="hot-recommend-title">
  13. <div>热门推荐</div>
  14. <div>
  15. <a></a>
  16. </div>
  17. </div>
  18. <div class="hot-recommend-content">
  19. <div class="hot-recommend-content-item" v-for="item in recommend.list">
  20. <div>
  21. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  22. <img :src="item.image"/>
  23. </a>
  24. </div>
  25. <div>
  26. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  27. <p class="shuoming" v-html="item.title"></p>
  28. </a>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="hot-recommend">
  34. <div class="hot-recommend-title">
  35. <div>你可能感兴趣的商品</div>
  36. <div>
  37. <a>更多 ></a>
  38. </div>
  39. </div>
  40. <div class="hot-recommend-content">
  41. <div class="hot-recommend-content-item" th:each="product: ${productSellNumbers}">
  42. <div>
  43. <a th:href="'/product-'+${product.id}+'.html'" target="_blank">
  44. <img th:src="product.image" style="width: 100%;height: 100%;object-fit: contain;" />
  45. </a>
  46. </div>
  47. <div th:text="${product.name}"></div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="hot-recommend">
  52. <div class="hot-recommend-title">
  53. <div>您可能感兴趣的美业资料</div>
  54. <div>
  55. <a></a>
  56. </div>
  57. </div>
  58. <div class="hot-recommend-content">
  59. <div class="hot-recommend-content-item" th:each="product: ${productSellNumbers}">
  60. <div>
  61. <a th:href="'/product-'+${product.id}+'.html'" target="_blank">
  62. <img src="/img/article/PC--pdf.png" style="width: 100%;height: 100%;object-fit: contain;" />
  63. </a>
  64. </div>
  65. <div th:text="${product.name}"></div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <!-- 广告-->
  71. <div class="advertisement">
  72. <a class="advertisement-link" th:each="ad : ${ads}" th:href="${ad.link}">
  73. <img th:src="${ad.image}" th:alt="${ad.title}" class="advertisement-img"/>
  74. </a>
  75. </div>
  76. <script charset="utf-8" type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2"></script>
  77. <script charset="utf-8" type="text/javascript" th:src="@{/js/article/drawer-footer.js}"></script>
  78. </body>
  79. </html>