serviceList.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9. <title>阿凡提-技术服务列表</title>
  10. <link th:href="${portalHost+'/dll/dll.css'}" rel="stylesheet">
  11. <link th:href="${portalHost+'/vendors.css'}" rel="stylesheet"><link th:href="${portalHost+'/newMenu/serviceList.css'}" rel="stylesheet"></head>
  12. <body>
  13. <div th:replace="common::nav('','')"></div>
  14. <div class="container">
  15. <div class="industry">
  16. <p>业务分类</p>
  17. <div class="industryList">
  18. <ul>
  19. </ul>
  20. </div>
  21. </div>
  22. <div class="productionType">
  23. <p>业务项目</p>
  24. <ol>
  25. </ol>
  26. </div>
  27. <div class="onSelect">
  28. <p>已选类型 </p>
  29. <ol>
  30. <li class="preFirst">
  31. </li>
  32. <li class="next">
  33. </li>
  34. </ol>
  35. </div>
  36. <div class="search searchService">
  37. <div class="hot">
  38. <p>热搜</p>
  39. <ul>
  40. <li class="active">人工智能</li>
  41. <li>区块链</li>
  42. <li class="active">环保</li>
  43. <li>金属</li>
  44. <li>软件开发</li>
  45. </ul>
  46. </div>
  47. <div class="search-inp">
  48. <div class="input-group">
  49. <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
  50. <span class="input-group-btn">
  51. <button class="btn btn-default searchBtn" type="button">
  52. <img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}" alt="">
  53. </button>
  54. </span>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="achievementList">
  59. <div class="achievementHot">
  60. <ul class="hotList">
  61. </ul>
  62. <div class="pagination_box">
  63. <nav aria-label="Page navigation" class="clearfix">
  64. <ul class="pagination">
  65. <li class="pagePre">
  66. <a href="#" aria-label="Previous">
  67. <span aria-hidden="true">首页</span>
  68. </a>
  69. </li>
  70. <li class="pageNumber"><a href="#" value="1">1</a></li>
  71. <li class="pageNext">
  72. <a href="#" aria-label="Next">
  73. <span aria-hidden="true">末页</span>
  74. </a>
  75. </li>
  76. </ul>
  77. <div class="inp">
  78. <input type="text" class=""><button>跳转</button>
  79. </div>
  80. <span class="totalCount">共0条数据</span>
  81. </nav>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <footer>
  87. <div th:replace="common::copyright"></div>
  88. <div th:replace="common::login"></div>
  89. </footer>
  90. <div th:replace="common::footer(~{::script})">
  91. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  92. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  93. <script type="text/javascript" th:src="${portalHost+'/newMenu/serviceList.js'}"></script>
  94. <script> document.querySelectorAll(".nav>ul>li")[2].className="active" </script>
  95. </div>
  96. </body>
  97. </html>