article-sidebar.html 4.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <html xmlns:th="http://www.w3isRossShow.org/1999/xhtml">
  2. <div class="other">
  3. <div class="other" id="articleSide" v-cloak th:if="${isSelectInfo}">
  4. <!-- &lt;!&ndash;侧边栏Ross广告图&ndash;&gt;-->
  5. <!-- <div v-if="isPC && isRossShow" class="article-right-ross" :class="isRossShow ? 'show' : 'none'">-->
  6. <!-- <a href="/supplier-1378.html" v-if="isPC"><img src="/img/ross/ross-image@1x.jpg" alt="深圳艾斯佰丽生物科技有限公司"></a>-->
  7. <!-- </div>-->
  8. <div v-if="isPC && recommend.list && recommend.list.length > 0" class="recommend">
  9. <p class="classify readerSify">
  10. 热门推荐
  11. <span class="nextPreBtn">
  12. <span v-if="recommend.nextPage" class="next" @click="getRecommend(typeId, recommend.nextPage)"></span>
  13. <span v-if="recommend.prePage" class="pre" @click="getRecommend(typeId, recommend.prePage)"></span>
  14. </span>
  15. </p>
  16. <div class="row" v-for="item in recommend.list">
  17. <div class="new-img xiao">
  18. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  19. <img :src="item.image"/>
  20. </a>
  21. </div>
  22. <div class="new-blurb xiao">
  23. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  24. <p class="shuoming" v-html="item.title"></p>
  25. </a>
  26. </div>
  27. </div>
  28. </div>
  29. <div v-if="isPC" class="recommend" th:if="${#arrays.length(productSellNumbers)} > 0">
  30. <p class="classify readerSify">
  31. 您可能感兴趣的商品
  32. <span class="more-product">
  33. <!-- <span v-if="recommend.nextPage" class="next" @click="getRecommend(typeId, recommend.nextPage)"></span>-->
  34. <!-- <span v-if="recommend.prePage" class="pre" @click="getRecommend(typeId, recommend.prePage)"></span>-->
  35. <a href="/product/list.html">更多 ></a>
  36. </span>
  37. </p>
  38. <div class="row" th:each="product: ${productSellNumbers}" >
  39. <div class="new-img xiao">
  40. <a th:href="'/product-'+${product.id}+'.html'" target="_blank">
  41. <img th:src="${product.image}"/>
  42. </a>
  43. </div>
  44. <div class="new-blurb xiao">
  45. <a th:href="'/product-'+${product.id}+'.html'" target="_blank">
  46. <p class="shuoming" th:text="${product.name}"></p>
  47. </a>
  48. </div>
  49. </div>
  50. </div>
  51. <div v-if="isPC" class="recommend" th:if="${#arrays.length(archiveFiles)} > 0">
  52. <p class="classify readerSify">
  53. 您可能感兴趣的美业资料
  54. <span class="more-product">
  55. <!-- <span v-if="recommend.nextPage" class="next" @click="getRecommend(typeId, recommend.nextPage)"></span>-->
  56. <!-- <span v-if="recommend.prePage" class="pre" @click="getRecommend(typeId, recommend.prePage)"></span>-->
  57. <a href="/info/articlerecommendation-0-1.html?isDocument">更多 ></a>
  58. </span>
  59. </p>
  60. <div class="row" th:each="file: ${archiveFiles}">
  61. <div class="new-img xiao">
  62. <a href="javascript:void(0);" th:onclick="handleFileUrl([[${file.productId}]])" target="_blank">
  63. <img src="/img/article/PC--pdf.png" th:if="${#strings.containsIgnoreCase(file.fileName, '.pdf')}">
  64. <img src="/img/info/PC-doc.png" th:if="${#strings.containsIgnoreCase(file.fileName, '.doc')}">
  65. <img src="/img/info/PC-ppt.png" th:if="${#strings.containsIgnoreCase(file.fileName, '.ppt')}">
  66. </a>
  67. </div>
  68. <div class="new-blurb xiao">
  69. <a target="_blank" href="javascript:void(0);" th:onclick="handleFileUrl([[${file.productId}]])">
  70. <p class="shuoming" th:text="${file.fileName}"></p>
  71. </a>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div v-if="isPC" class="other" th:if="${isSelectInfo}">
  77. <el-carousel :autoplay="true" :height="isPC ? '343px' : '61.6vw'" :interval="3000">
  78. <el-carousel-item th:each="ad : ${ads}" class="tui-img">
  79. <a class="tui-img" th:href="${ad.link}" @click="clickAD(ad.id,ad.link)" target="_blank">
  80. <img th:src="${ad.image}" th:alt="${ad.title}" th:onclick="handleAdvHits([[${ad}]])"/>
  81. </a>
  82. </el-carousel-item>
  83. </el-carousel>
  84. </div>
  85. </div>
  86. </html>