detail.html 4.7 KB

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