only-refunds.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>仅退款</title>
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. </head>
  13. <body>
  14. <div class="mui-content">
  15. <div class="clearing-box">
  16. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
  17. </ul>
  18. <br />
  19. <ul class="mui-table-view cusomer-ul">
  20. <li>
  21. <div class="mui-input-row">
  22. <label class="lbl-remarks">退款原因</label>
  23. <input class="ipt-remarks" type="text" placeholder="请填写您的退款原因">
  24. </div>
  25. </li>
  26. </ul>
  27. <br />
  28. <p>提示:提交审核成功后,将在3个工作日内退款将退回原支付账户</p>
  29. <br />
  30. <div class="mui-content-padded mui-text-center">
  31. <button type="button" class="my-btn-black">提交</button>
  32. </div>
  33. </div>
  34. </div>
  35. <!-- 加载ing begin-->
  36. <div class="loading covers">
  37. <div class="loading-bj"></div>
  38. <p>正在加载...</p>
  39. </div>
  40. <!-- 加载ing end -->
  41. <script src="js/mui.min.js"></script>
  42. <script src="js/jquery-2.1.1.min.js"></script>
  43. <script src="js/main.js"></script>
  44. <script>
  45. window.addEventListener('pageshow', function(e) {
  46. // 通过persisted属性判断是否存在 BF Cache
  47. if(e.persisted) {
  48. location.reload();
  49. }
  50. });
  51. //dom加载完毕
  52. mui.ready(function() {
  53. var str = "";
  54. for(i = 0; i < 3; i++) {
  55. str += '<div class="mui-table"><div class="mui-table-cell mui-col-xs-5"><img class="mui-media-object wh-100" src="images/pro-bai.png"></div><div class="mui-table-cell table-middle mui-col-xs-7" style="line-height:2.5">柔性声波牙刷<h6>颜色:极光白<span class="center">数量:2</span></h6><div>¥2999.00</div></div></div>';
  56. }
  57. document.querySelector('.shopping-cart-list').innerHTML = str;
  58. $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  59. });
  60. </script>
  61. </body>
  62. </html>