index.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>昆仑医疗</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
  7. <link href="/h5/style/style.css" rel="stylesheet" />
  8. <script src="/h5/js/jquery-2.1.1.min.js"></script>
  9. <script src="/h5/js/nav.js"></script>
  10. </head>
  11. <body>
  12. <!--顶部-->
  13. <div class="index-top">
  14. <button class="l left"></button>
  15. <div class="txt">
  16. <form id="searchForm" action="/h5/index" method="post">
  17. <input id="search" name="search" type="search" placeholder="搜索商品" />
  18. </form>
  19. </div>
  20. </div>
  21. <div class="bgDiv"></div>
  22. <div class="leftNav">
  23. <h3>商品分类</h3>
  24. <a href="/h5/index">全部</a>
  25. <a th:each="label : ${labels}" th:attr="href='/h5/index?label=' + ${label.id}" th:text="${label.name}"></a>
  26. </div>
  27. <!--轮播-->
  28. <img src="images/test.jpg" width="100%" height="180" style="margin-top:46px;" />
  29. <!--公告-->
  30. <!--
  31. <a href="#" class="notice">新春放假通知</a>
  32. -->
  33. <div class="line-1-EEE ml10 mr10"></div>
  34. <!--入口-->
  35. <ul class="nav ml10 mr10">
  36. <li><a href="/h5/index"><img src="style/index-tj-icon.png" /><p>体检套餐</p></a></li>
  37. <li><a href="/h5/index"><img src="style/index-yx-icon.png" /><p>影像检查</p></a></li>
  38. <li><a href="/h5/buy/completedorders"><img src="style/index-bg-icon.png" /><p>报告查询</p></a></li>
  39. <li><a href="/h5/buy/mypayedorders"><img src="style/index-yy-icon.png" /><p>我的预约</p></a></li>
  40. </ul>
  41. <div class="line-10-EEE"></div>
  42. <!--热销-->
  43. <div class="v-list">
  44. <div class="t">热销体检套餐</div>
  45. <a th:each="bean : ${beans}" th:attr="href='/h5/detail/' + ${bean.gid}">
  46. <div class="img l mr10"><img th:attr="src=${bean.icon}"/></div>
  47. <dl>
  48. <dt th:text="${bean.name}"></dt>
  49. <dd th:text="${bean.describe}"></dd>
  50. <span class="price-new l">
  51. <em>¥</em>
  52. <span th:text="${bean.price.discountPrice}"></span>
  53. </span>
  54. </dl>
  55. </a>
  56. </div>
  57. <!--底部-->
  58. <div style="height:60px; "></div>
  59. <table class="n-tab">
  60. <tr>
  61. <td><a href="/h5/index" class="n-1-c">首页</a></td>
  62. <td><a href="/h5/buy/completedorders" class="n-2">报告</a></td>
  63. <td><a href="#" class="n-3">我的</a></td>
  64. </tr>
  65. </table>
  66. <script th:inline="javascript">
  67. $("#search").keyup(function(event){
  68. if(event.keyCode ==13){
  69. $("#searchForm").submit();
  70. }
  71. });
  72. </script>
  73. </body>
  74. </html>