detail.html 4.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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="${article!=null?article.title:''}+'_采美365网'"></title>
  6. <meta name="keywords" th:content="${article?.keyword}">
  7. <meta name="description" th:content="${article?.recommendContent}">
  8. <template th:replace="article/components/article-link"></template>
  9. <template th:replace="components/analysis"></template>
  10. </head>
  11. <body class="home detailData">
  12. <input type="hidden" th:value="${articleId}" id="articleId">
  13. <input type="hidden" th:value="${article?.label}" id="articleLabels">
  14. <div class="cm-modal"></div>
  15. <!--导航栏-->
  16. <template th:replace="article/components/article-header"></template>
  17. <div class="tip-bar">
  18. <div class="tip">提示:产品详情请到采美商城搜索</div>
  19. <!--面包屑-->
  20. <div class="bar">
  21. <a href="/" target="_blank">首页</a> &gt; <a th:each="type: *{articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>&gt; 正文
  22. </div>
  23. </div>
  24. <!--主体内容-->
  25. <div class="content clearfix" th:object="${article}">
  26. <div class="mainData">
  27. <div class="new-list article" th:if="${article}!=null">
  28. <div class="title" th:text="*{title}"></div>
  29. <p class="xinxi">
  30. <em class="write icon mIcon" th:text="*{publisher}"></em>
  31. <em class="source icon mIcon" th:if="*{not #strings.isEmpty(source)}" th:text="*{source}"></em>
  32. <em class="time icon mIcon" th:text="*{publishDate}"></em>
  33. <em class="pv icon mIcon" th:text="*{pv}"></em>
  34. </p>
  35. <div class="new-mian" id="contentDiv" th:utext="*{content}"></div>
  36. <div class="dianzan">
  37. <span class="like icon mIcon" th:attr="data-count=*{likes}, data-id=*{id}" th:text="*{likes}"></span>
  38. </div>
  39. <p class="dea-tag">
  40. <span th:each="label,labelStat:*{labels}" th:if="${not #strings.isEmpty(label)}">
  41. <a th:each="labelId,idStat:*{labelIds}" th:if="${idStat.index==labelStat.index}" th:href="'/info/label-'+${labelId}+'-1.html'" th:text="${label}"></a>
  42. </span>
  43. </p>
  44. </div>
  45. <div class="new-list article all_mid" style="min-height:800px" th:if="${article}==null or *{#strings.isEmpty(content)}">
  46. <div class="middle">
  47. <img src="/img/info/empty.png"/>
  48. <p>抱歉,内容已删除</p>
  49. </div>
  50. </div>
  51. <!--相关阅读-->
  52. <div class="new-list dataRousce" id="articleRelated">
  53. <p class="classify biaoqian">相关阅读</p>
  54. <div class="row" v-for="item in related.list">
  55. <div class="new-img">
  56. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  57. <img :src="item.image"/>
  58. </a>
  59. </div>
  60. <div class="new-blurb">
  61. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  62. <p class="title" v-html="item.title"></p>
  63. </a>
  64. <p class="xinxi">
  65. <em v-if="!isPC" class="pv icon mIcon" v-text="item.pv"></em>
  66. <em class="write icon mIcon" v-text="item.publisher"></em>
  67. <em v-if="item.publishDate" class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
  68. </p>
  69. <p class="introduction" v-html="item.intro"></p>
  70. <p v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>
  71. </div>
  72. </div>
  73. <div id="scrollTop">
  74. <div class="item" v-if="isPC">
  75. <span class="wechat icon mIcon">微信分享</span>
  76. <div class="wechatHover mFixed">
  77. <div id="qrcode"></div>
  78. </div>
  79. </div>
  80. <div class="item">
  81. <span class="toTop icon mIcon">置顶</span>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <!--侧边栏-->
  87. <template th:replace="article/components/article-sidebar"></template>
  88. </div>
  89. <template th:replace="article/components/article-footer"></template>
  90. <template th:replace="components/foot-link"></template>
  91. <script charset="utf-8" type="text/javascript" src="/lib/jquery.qrcode.min.js"></script>
  92. <script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>
  93. <script charset="utf-8" type="text/javascript" th:src="@{/js/article/detail.js(v=${version})}"></script>
  94. </body>
  95. </html>