shopping_cart.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="Expires" content="0">
  7. <meta name="Cache-Control" content="no-store, no-cache, must-revalidate">
  8. <meta name="Cache-Control" content="post-check=0, pre-check=0">
  9. <meta name="Pragma" content="no-cache">
  10. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  14. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  15. <link rel="stylesheet" type="text/css" href="css/style.css" />
  16. <style>
  17. input[name=checkbox] { width: 18px;height: 18px;-webkit-appearance: none;appearance: none;cursor: pointer;vertical-align: top;background: url(images/c_checkbox_off.png) center center no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;border: 0;background-size: 100%;}
  18. input[name=checkbox]:checked {background: url(images/c_checkbox_on.png) center center no-repeat;background-size: 100%;}
  19. .delete-cart-style{font-size: 20px;margin-top: 30px;color:#55c0dc;margin-left: 20px;}
  20. .btn-box {padding-left: 100px;}
  21. #pullrefresh_chanpin_list .mui-table-view .mui-media-object.mui-pull-left {margin-right: 20px;}
  22. </style>
  23. <script>
  24. // 屏蔽分享
  25. window.hiddenAllWechatMenu = true;
  26. </script>
  27. </head>
  28. <body style="background: #fff;">
  29. <div class="loading-bg">
  30. <div class="mui-loading">
  31. <div class="mui-spinner">
  32. </div>
  33. &nbsp;&nbsp;加载中...
  34. </div>
  35. </div>
  36. <div class="mui-content" style="background: #fff;">
  37. <div class="gwc_null">
  38. <img src="images/empty_cart.png">
  39. <h6 style="margin: 15px 0 50px 0;">购物车空空如也,快去抢购吧!</h6>
  40. <a href="chanpin_list.html" class="mui-btn btn-blue-double go_web_shop" style="width: 100px;">去购买</a>
  41. <nav class="mui-bar mui-bar-tab" id="footer-bar">
  42. <a class="mui-tab-item" >
  43. <div class="iconfont icon-shouye"></div>
  44. <span class="mui-tab-label">首页</span>
  45. </a>
  46. <a class="mui-tab-item mui-active">
  47. <div class="iconfont icon-gouwuche">
  48. <span class="mui-badge">0</span>
  49. </div>
  50. <span class="mui-tab-label">购物车</span>
  51. </a>
  52. <a class="mui-tab-item">
  53. <div class="iconfont icon-dingdan"></div>
  54. <span class="mui-tab-label">订单</span>
  55. </a>
  56. <a class="mui-tab-item">
  57. <div class="iconfont icon-wode"></div>
  58. <span class="mui-tab-label">我的</span>
  59. </a>
  60. </nav>
  61. </div>
  62. <!--<div class="shopping-box">
  63. <div class="tt-yf">
  64. <label class="click-all-btn"><input name="checkbox" checked="checked" type="checkbox" class="all_check" />全选</label>
  65. <a href="#" class="mui-btn my-btn-danger go_web_shop">再挑一下</a>
  66. </div>
  67. </div>-->
  68. <div class="shoping-tt">
  69. <!--<span class="left"><img src="images/jiao1.png" /></span>
  70. <span class="right"><img src="images/jiao2.png" /></span>-->
  71. <!-- 购物车项 -->
  72. <ul class="mui-table-view shopping-cart-list" id="cart-list-ul"></ul>
  73. </div>
  74. <div class="buy-footer1">
  75. <table class="tb-clearing">
  76. <tr>
  77. <td rowspan="2" class="quanxuan">
  78. <label class="click-all-btn">
  79. <input type="checkbox" name="checkbox" checked="checked" class="all_check"/>全选
  80. </label>
  81. </td>
  82. <td rowspan="2" class="t-r">合计:</td>
  83. <td class="count_price_box">¥<span class="count_price" id="pay-total">0</span>元</td>
  84. <td rowspan="2">
  85. <a id="go-clearing" class="mui-btn mui-pull-right add_gwc">去结算(0)</a>
  86. </td>
  87. </tr>
  88. <tr>
  89. </tr>
  90. </table>
  91. </div>
  92. </div>
  93. </div>
  94. <script src="js/mui.min.js"></script>
  95. <script src="js/jquery-2.1.1.min.js"></script>
  96. <script src="js/main.js"></script>
  97. <script src="js/page/wechat-utils-1.0.js"></script>
  98. <script src="js/page/shopping_cart.js"></script>
  99. </body>
  100. </html>