specialDetail.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link})">
  4. <meta charset="UTF-8">
  5. <title>产品专栏详情</title>
  6. <link th:href="${portalHost+'/dll/dll.css'}" rel="stylesheet">
  7. <link th:href="${portalHost+'/vendors.css'}" rel="stylesheet">
  8. <link th:href="${portalHost+'/newMenu/specialDetail.css'}" rel="stylesheet">
  9. </head>
  10. <body>
  11. <div th:replace="common::nav('','specialDetail')"></div>
  12. <!-- 公共头部 -->
  13. <div class="container">
  14. <hr class="hr">
  15. <div class="specialLeft">
  16. <div class="detaiTitle">
  17. <h3 th:text="${kb.title}">2018高企申报----如何建立健全高企的财务核算体系?</h3>
  18. <p th:text="${#dates.format(kb.createTime,'yyyy年MM月dd日 HH:mm')}">1990/09/18</p>
  19. <img th:if="${kb.picUrl != null}" th:src="${avatarUploadHost+ kb.picUrl}" alt=""> <!-- 若没有图片则不显示此img标签 -->
  20. </div>
  21. <div class="detailWrapper ql-editor">
  22. <P th:utext="${kb.content}">如何建立健全高企的财务核算如何建立健全高企的财务核算如何建立健全高企的财务核算</P>
  23. </div>
  24. <div class="comment">
  25. <ul>
  26. <li>阅读(<span th:text="${kb.readNumber}">1231312</span>)</li>
  27. <li class="commentDz">评论(<span th:text="${kb.commentNumber}"></span>)</li>
  28. <li class="fabulous">点赞(<span th:text="${kb.starNumber}">12313</span>)</li>
  29. <li class="fengX">分享
  30. <div class="fxWrap">
  31. <span class="qqHy"><img th:src="${portalHost+'/img/indedImg/qq_yes.png'}" alt=""></span>
  32. <span class="qqKj"><img th:src="${portalHost+'/img/indedImg/kj_yes.png'}" alt=""></span>
  33. <span class="xlWb"><img th:src="${portalHost+'/img/indedImg/xl_yes.png'}" alt=""></span>
  34. </div>
  35. </li>
  36. </ul>
  37. </div>
  38. <!-- 评论 -->
  39. <div class="commentBody">
  40. <div class="input-append">
  41. <input class="search" type="text" placeholder="写下您的评论">
  42. <button class="btn" type="button">评论</button>
  43. </div>
  44. <div class="commentList">
  45. <p class="totalCommit">1000条评论</p>
  46. <ul>
  47. </ul>
  48. <div class="pagination_box">
  49. <nav aria-label="Page navigation" class="clearfix">
  50. <ul class="pagination">
  51. <li class="pagePre">
  52. <a href="#" aria-label="Previous">
  53. <span aria-hidden="true">首页</span>
  54. </a>
  55. </li>
  56. <li class="pageNumber"><a href="#" value="1">1</a></li>
  57. <li class="pageNext">
  58. <a href="#" aria-label="Next">
  59. <span aria-hidden="true">末页</span>
  60. </a>
  61. </li>
  62. </ul>
  63. <span class="totalCount">共0条数据</span>
  64. </nav>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="specialRight">
  70. <div class="writeXF">
  71. <div>
  72. <img th:src="${portalHost+'/img/newMenu/writeDa.png'}" alt="">
  73. <p>写答案</p>
  74. </div>
  75. <div>
  76. <img th:src="${portalHost+'/img/newMenu/writeXf.jpg'}" alt="">
  77. <p>写想法</p>
  78. </div>
  79. </div>
  80. <div class="collection">
  81. <p class="myCollect"><img th:src="${portalHost+'/img/newMenu/shoucang.png'}" alt="">我的收藏</p>
  82. <p class="myFollow"><img th:src="${portalHost+'/img/newMenu/guanzhu.png'}" alt="">我的关注</p>
  83. </div>
  84. <div class="videoZs">
  85. <h3>视频<a href="/portal/video.html">更多 ></a></h3>
  86. <div class="videoImg" th:if="${video != null}">
  87. <a th:href="@{/open/protal/videoDetail(id=${video.id})}">
  88. <div>
  89. <img th:src="${avatarUploadHost+video.coverUrl}" alt="">
  90. <h4 th:text="${#strings.abbreviate(video.name,16)}">视频标题视频标题视频标题视频标题</h4>
  91. <div></div>
  92. </div>
  93. <p><span th:text="${#strings.abbreviate(video.summary,42)}">视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
  94. </a>
  95. </div>
  96. </div>
  97. <div class="videoZs policy">
  98. <h3>前沿政策<a th:href="@{/portal/thinkTank/policyList?type=1}">更多 ></a></h3>
  99. <div class="videoImg" th:if="${policy!=null}">
  100. <a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
  101. <div>
  102. <img th:src="${policy.titleImg != null and policy.titleImg != '' ? avatarUploadHost+policy.titleImg :portalHost+'/img/newMenu/zhengce.png'}" alt="">
  103. <h4 th:text="${#strings.abbreviate(policy.title,16)}">视频标题视频标题视频标题视频标题</h4>
  104. <div></div>
  105. </div>
  106. <p><span th:text="${#strings.abbreviate(policy.summary,42)}">视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
  107. </a>
  108. </div>
  109. </div>
  110. <div class="videoZs policy">
  111. <h3>热点资讯<a th:href="@{/portal/thinkTank/policyList?type=0}">更多 ></a></h3>
  112. <ul >
  113. <li th:each="n:${news}">
  114. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}" th:text="${#strings.abbreviate(n.title,30)}">
  115. 加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
  116. </a>
  117. </li>
  118. </ul>
  119. </div>
  120. <a th:href="@{/portal/thinkTank/policyList?type=99}">
  121. <img th:src="${portalHost+'/img/newMenu/guandian.png'}" alt="">
  122. </a>
  123. </div>
  124. </div>
  125. <!-- 公共底部 -->
  126. <footer>
  127. <div th:replace="common::copyright"></div>
  128. <div th:replace="common::login"></div>
  129. </footer>
  130. <div th:replace="common::footer(~{::script})">
  131. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  132. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  133. <script type="text/javascript" th:src="${portalHost+'/newMenu/specialDetail.js'}"></script>
  134. </div>
  135. </body>
  136. </html>