special.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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/special.css'}" rel="stylesheet">
  9. </head>
  10. <body>
  11. <div th:replace="common::nav('','special')"></div>
  12. <!-- 公共头部 -->
  13. <div class="container">
  14. <div class="specialLeft">
  15. <div class="input-append">
  16. <input class="search" type="text" placeholder="不懂问技淘">
  17. <button class="btn" type="button">问技淘</button>
  18. </div>
  19. <ol class="spType">
  20. <li class="active">推荐</li>
  21. <li>热门</li>
  22. <li>大V说</li>
  23. </ol>
  24. <ul class="proType">
  25. <li>所有分类 > </li>
  26. <li class="active" value='0'>所有产品</li>
  27. <li value='2'>高新</li>
  28. <li value='3'>军工</li>
  29. <li value='1'>知识产权</li>
  30. <li value="5">科技项目</li>
  31. </ul>
  32. <hr>
  33. <div class="spList ">
  34. <ul>
  35. </ul>
  36. </div>
  37. <div class="adviserList">
  38. <ul>
  39. </ul>
  40. </div>
  41. <div class="pagination_box">
  42. <nav aria-label="Page navigation" class="clearfix">
  43. <ul class="pagination">
  44. <li class="pagePre">
  45. <a href="#" aria-label="Previous">
  46. <span aria-hidden="true">首页</span>
  47. </a>
  48. </li>
  49. <li class="pageNumber"><a href="#" value="1">1</a></li>
  50. <li class="pageNext">
  51. <a href="#" aria-label="Next">
  52. <span aria-hidden="true">末页</span>
  53. </a>
  54. </li>
  55. </ul>
  56. <div class="inp">
  57. <button class="btn btn-default">跳转</button><input type="text" class="form-control">
  58. </div>
  59. <span class="totalCount">共0条数据</span>
  60. </nav>
  61. </div>
  62. </div>
  63. <div class="specialRight">
  64. <div class="writeXF">
  65. <div>
  66. <img th:src="${portalHost+'/img/newMenu/writeDa.png'}" alt="">
  67. <p>写答案</p>
  68. </div>
  69. <div>
  70. <img th:src="${portalHost+'/img/newMenu/writeXf.jpg'}" alt="">
  71. <p>写想法</p>
  72. </div>
  73. </div>
  74. <div class="collection">
  75. <p class="myCollect"><img th:src="${portalHost+'/img/newMenu/shoucang.png'}" alt="">我的收藏</p>
  76. <p class="myFollow"><img th:src="${portalHost+'/img/newMenu/guanzhu.png'}" alt="">我的关注</p>
  77. </div>
  78. <div class="videoZs">
  79. <h3>视频<a href="/portal/video.html">更多 ></a></h3>
  80. <div class="videoImg" th:if="${video != null}">
  81. <a th:href="@{/open/protal/videoDetail(id=${video.id})}">
  82. <div>
  83. <img th:src="${avatarUploadHost+video.coverUrl}" alt="">
  84. <h4 th:text="${video.name}">视频标题视频标题视频标题视频标题</h4>
  85. <div></div>
  86. </div>
  87. <p><span th:text="${#strings.abbreviate(video.summary,42)}">视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
  88. </a>
  89. </div>
  90. </div>
  91. <div class="videoZs policy">
  92. <h3>前沿政策<a th:href="@{/portal/thinkTank/policyList?type=1}">更多 ></a></h3>
  93. <div class="videoImg" th:if="${policy!=null}">
  94. <a th:href="@{/portal/news/newsDetail(id=${policy.id},type=0)}">
  95. <div>
  96. <img th:src="${policy.titleImg != null and policy.titleImg != '' ? avatarUploadHost+policy.titleImg :portalHost+'/img/newMenu/zhengce.png'}" alt="">
  97. <h4 th:text="${#strings.abbreviate(policy.title,15)}">视频标题视频标题视频标题视频标题</h4>
  98. <div></div>
  99. </div>
  100. <p><span th:text="${#strings.abbreviate(policy.summary,42)}">视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简视频简介留2行+...视频简介留2行+...视频简介留2行+...视频简介留2行+...</span></p>
  101. </a>
  102. </div>
  103. </div>
  104. <div class="videoZs policy">
  105. <h3>热点资讯<a th:href="@{/portal/thinkTank/policyList?type=0}">更多 ></a></h3>
  106. <ul >
  107. <li th:each="n:${news}">
  108. <a th:href="@{/portal/news/newsDetail(id=${n.id},type=1)}" th:text="${#strings.abbreviate(n.title,30)}">
  109. 加奖金哦违法爱按金额积分经济积分经济积分经济if啊积分经济交往和居委会看看哇卡哇卡...</h5>
  110. </a>
  111. </li>
  112. </ul>
  113. </div>
  114. <a th:href="@{/portal/thinkTank/policyList?type=99}">
  115. <img th:src="${portalHost+'/img/newMenu/guandian.png'}" alt="">
  116. </a>
  117. </div>
  118. </div>
  119. <!-- 公共底部 -->
  120. <footer>
  121. <div th:replace="common::copyright"></div>
  122. <div th:replace="common::login"></div>
  123. </footer>
  124. <div th:replace="common::footer(~{::script})">
  125. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  126. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  127. <script type="text/javascript" th:src="${portalHost+'/newMenu/special.js'}"></script>
  128. </div>
  129. </body>
  130. </html>