detail.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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 th:text="${good.name}"></title>
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, user-scalable=no" />
  8. <link href="/h5/style/style.css" rel="stylesheet" />
  9. </head>
  10. <body>
  11. <img th:attr="src=${good.icon}" class="v-banner" />
  12. <div class="v-v">
  13. <h1 th:text="${good.name}"></h1>
  14. <h3 th:text="${good.describe}"></h3>
  15. <div class="price">
  16. <em>¥</em><span class="new" th:text="${good.price.discountPrice}"></span><span
  17. class="old" th:text="'¥' + ${good.price.price}"></span>
  18. </div>
  19. <div class="line-1-EEE mt10"></div>
  20. <div class="tag">
  21. <span class="sstk">随时退款</span> <span class="ksyy">快速预约</span>
  22. </div>
  23. </div>
  24. <div class="line-10-EEE"></div>
  25. <div class="v-title mt10">
  26. <span>详细介绍</span>
  27. </div>
  28. <div>
  29. <img th:each="desc : ${good.describes}"
  30. th:attr="src=${desc.content},title=${desc.title}" style="width: 100%" />
  31. </div>
  32. <div class="v-title mt10">
  33. <span>体检内容</span>
  34. </div>
  35. <div class="v-view">
  36. <table>
  37. <tr th:each="item,stat : ${checklist}">
  38. <td class="bgGray c666" th:if="${stat.index}%2 == 0"
  39. th:text="${item}" style="text-align: center;"></td>
  40. <td class="c999" th:if="${stat.index}%2 == 1" th:text="${item}"
  41. style="text-align: center;"></td>
  42. </tr>
  43. </table>
  44. </div>
  45. <div class="v-title mt10">
  46. <span>注意事项</span>
  47. </div>
  48. <p class="v-tips">
  49. 1. 体检前24小时避免辛辣油腻食品、饮酒及过度劳累。<br />2. 体检当日晨应禁食、水,抽血不宜超过上午10:30
  50. </p>
  51. <div class="v-title mt10">
  52. <span>服务承诺</span>
  53. </div>
  54. <p class="v-tips">专业医生为您体检,购买后可随时退款</p>
  55. <div style="height: 60px;"></div>
  56. <div class="v-bottom">
  57. <div>
  58. <form th:attr="action='/h5/buy/' + ${good.gid}" th:if="${islogin}" >
  59. <button id="buy" type="submit">立即购买</button>
  60. </form>
  61. <button th:if="${!islogin}" id="login">立即购买</button>
  62. </div>
  63. </div>
  64. <script src="/h5/js/jquery-2.1.1.min.js"></script>
  65. <script>
  66. $(function(){
  67. $("#login").click(function(){
  68. });
  69. });
  70. </script>
  71. </body>
  72. </html>