member.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. <title>技淘网-科技服务</title>
  5. <link th:href="${portalHost + '/dll/dll.css'}" rel="stylesheet">
  6. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  7. <link th:href="${portalHost + '/member.css'}" rel="stylesheet">
  8. </head>
  9. <body>
  10. <div th:replace="common::nav('','')"></div>
  11. <!--主体内容区域开始-->
  12. <div class="member">
  13. <div class="member_contant">
  14. <h3>申请会员获得更多增值服务</h3>
  15. <div class="member_main">
  16. <div class="member_on">
  17. <h5><img th:src="${portalHost + '/img/member_1.jpg'}" alt="" />提供的专属服务</h5>
  18. <div class="member_business_list" id="member1business">
  19. </div>
  20. <ul class="member_left" id="member1cost">
  21. </ul>
  22. </div>
  23. <div class="partingline"></div>
  24. <div class="member_on">
  25. <h5 class="blur"><img th:src="${portalHost + '/img/member_2.jpg'}" alt="" />提供的专属服务</h5>
  26. <div class="member_business_list" id="member2business">
  27. </div>
  28. <ul id="member2cost">
  29. </ul>
  30. </div>
  31. </div>
  32. <img th:src="${portalHost + '/img/member_4.png'}" alt="黄金会员" class="gold" />
  33. <img th:src="${portalHost + '/img/member_7.jpg'}" alt="钻石会员" class="diamond" />
  34. <a onclick="_MEIQIA('showPanel')">立即申请</a>
  35. </div>
  36. <div class="shadow">
  37. <img th:src="${portalHost + '/img/shadow7.png'}" alt="" />
  38. </div>
  39. </div>
  40. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  41. <div class="modal-dialog" role="document">
  42. <div class="modal-content">
  43. <div class="modal-header">
  44. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  45. <h4 class="modal-title" id="myModalLabel">会员订单提交</h4>
  46. </div>
  47. <div class="modal-body" id="modal-content">
  48. </div>
  49. <div class="modal-footer">
  50. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  51. <button type="button" class="btn btn-primary" id="submitOrder">提交订单</button>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <!--主体内容区域结束-->
  57. <footer>
  58. <div th:replace="common::copyright"></div>
  59. <div th:replace="common::login"></div>
  60. </footer>
  61. <div class="msg"><span></span></div>
  62. <div th:replace="common::footer(~{::script})">
  63. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  64. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  65. <script type="text/javascript" th:src="${portalHost + '/member.js'}"></script>
  66. </div>
  67. </body>
  68. </html>