refund-of-refunds.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. <script>
  13. //屏蔽分享
  14. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  15. WeixinJSBridge.call('hideOptionMenu');
  16. });
  17. </script>
  18. </head>
  19. <body>
  20. <div class="mui-content">
  21. <div class="clearing-box">
  22. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
  23. </ul>
  24. <br />
  25. <ul class="mui-table-view cusomer-ul">
  26. <li>
  27. <div class="mui-input-row">
  28. <label class="lbl-remarks">退款原因</label>
  29. <input class="ipt-remarks" type="text" placeholder="请填写您的退款原因">
  30. </div>
  31. </li>
  32. </ul>
  33. </div>
  34. <div class="address-cantainner">
  35. <ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
  36. <li class="mui-table-view-cell">
  37. <div class="mui-table">
  38. <!--选择微信地址后显示的div-->
  39. <div class="mui-table-cell mui-col-xs-1 mui-text-left table-middle">
  40. <p><span class="iconfont icon-dingwei"></span></p>
  41. </div>
  42. <div class="mui-table-cell mui-col-xs-10 mui-text-left table-middle">
  43. <div>收货人:微商城售后 <span class="mui-pull-right">13311855831</span></div>
  44. <p>收货地址:上海市普陀区桃浦路306号星河世纪广场B座1510室</p>
  45. </div>
  46. </div>
  47. </li>
  48. </ul>
  49. </div>
  50. <div class="clearing-box">
  51. <br />
  52. <p>提示:</p>
  53. <p>1、提交成功后,需联系客服并寄回产品,且将寄回单号和寄件人 信息提供给客服,方便核实</p>
  54. <p>2、客服将在收到寄回产品后,会在3个工作日内将退款退回原支 付账户</p>
  55. <br />
  56. <div class="mui-content-padded mui-text-center">
  57. <button type="button" class="my-btn-black">提交</button>
  58. </div>
  59. </div>
  60. </div>
  61. <!-- 加载ing begin-->
  62. <div class="loading covers">
  63. <div class="loading-bj"></div>
  64. <p>正在加载...</p>
  65. </div>
  66. <!-- 加载ing end -->
  67. <script src="js/mui.min.js"></script>
  68. <script src="js/jquery-2.1.1.min.js"></script>
  69. <script src="js/main.js"></script>
  70. <script>
  71. window.addEventListener('pageshow', function(e) {
  72. // 通过persisted属性判断是否存在 BF Cache
  73. if(e.persisted) {
  74. location.reload();
  75. }
  76. });
  77. //dom加载完毕
  78. mui.ready(function() {
  79. var str = "";
  80. for(i = 0; i < 3; i++) {
  81. 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>';
  82. }
  83. document.querySelector('.shopping-cart-list').innerHTML = str;
  84. $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  85. });
  86. </script>
  87. </body>
  88. </html>