order.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  6. <meta name="format-detection" content="email=no" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <title>我的订单</title>
  9. <link rel="stylesheet" href="../css/reset.css">
  10. <link rel="stylesheet" href="../css/order.css">
  11. </head>
  12. <body>
  13. <header>
  14. <h2><i id="backBtn" onclick="toBack()"></i>我的订单</h2>
  15. </header>
  16. <main class="flex-con">
  17. <div class="orderNav">
  18. <ul class="clearFix">
  19. <li class="active"><span>全部</span></li>
  20. <li><span>未付款</span></li>
  21. <li><span>已付款</span></li>
  22. <li><span>待收货</span></li>
  23. <li><span>已收货</span></li>
  24. <li><span>已取消</span></li>
  25. </ul>
  26. </div>
  27. <div class="orderList">
  28. <ul class="orderShop hid">
  29. <li>
  30. <div class="statusBox clearFix">
  31. <div class="orderDiv left">订单编号:<span class="orderNum">{{orderNum}}</span><span class="nickname">{{nickname}}</span></div>
  32. <div class="status right">{{orderStatus}}</div>
  33. </div>
  34. <div class="commDiv flex-wrap">
  35. <div class="commImg">{{img}}</div>
  36. <div class="commFig flex-con clearFix">
  37. <div class="left commName">{{commName}}</div>
  38. <div class="right commPN">
  39. <p class="commPrice">{{commPrice}}</p>
  40. <p class="commNum">x{{commNum}}</p>
  41. </div>
  42. </div>
  43. </div>
  44. <p class="describe">共{{totalNum}}件商品 合计:¥<span>{{totalPrice}}</span>(含运费{{freight}})</p>
  45. <div class="btnBox clearFix">{{handle}}</div>
  46. </li>
  47. </ul>
  48. </div>
  49. <div class="mainPB"></div>
  50. <div class="cancelDiv">
  51. <div class="cancelBox">
  52. <p>你确定取消订单吗?</p>
  53. <div class="clearFix">
  54. <div class="left clBtn">忽略</div>
  55. <div class="right suBtn">确定</div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="waitDiv"></div>
  60. <div class="noOrderDiv">
  61. <div class="nODBg"></div>
  62. <p class="nOd">您还没有相关的订单</p>
  63. <p class="lookOther">可以去看看有哪些想买的</p>
  64. </div>
  65. </main>
  66. <footer>
  67. <nav>
  68. <ul class="footNav flex-wrap">
  69. <li>
  70. <i></i>
  71. <p>首页</p>
  72. </li>
  73. <li>
  74. <i></i>
  75. <p>商城</p>
  76. </li>
  77. <li>
  78. <i></i>
  79. <p>购物车</p>
  80. <div class="shopCarTag">0</div>
  81. </li>
  82. <li class="active">
  83. <i></i>
  84. <p>订单</p>
  85. </li>
  86. <li>
  87. <i></i>
  88. <p>我的</p>
  89. <div class="mesTag"></div>
  90. </li>
  91. </ul>
  92. </nav>
  93. </footer>
  94. <script src="../dep/jquery-3.1.0.min.js"></script>
  95. <script src="../js/publicData.js"></script>
  96. <script src="../js/order.js"></script>
  97. <!-- 这是美洽的嵌入代码 -->
  98. <script type='text/javascript'>
  99. (function(m, ei, q, i, a, j, s) {
  100. m[i] = m[i] || function() {
  101. (m[i].a = m[i].a || []).push(arguments)
  102. };
  103. j = ei.createElement(q),
  104. s = ei.getElementsByTagName(q)[0];
  105. j.async = true;
  106. j.charset = 'UTF-8';
  107. j.src = '//static.meiqia.com/dist/meiqia.js?_=t';
  108. s.parentNode.insertBefore(j, s);
  109. })(window, document, 'script', '_MEIQIA');
  110. _MEIQIA('entId', '59626');
  111. // 在这里开启无按钮模式(常规情况下,需要紧跟在美洽嵌入代码之后)
  112. _MEIQIA('withoutBtn');
  113. </script>
  114. <script type='text/javascript'>
  115. // 当你使用了「手动初始化」时,就可以在自己的逻辑中选择合适的时机调用 withoutBtn
  116. // 只要是在美洽初始化之前,就可以被正确执行
  117. _MEIQIA('withoutBtn');
  118. _MEIQIA('init');
  119. </script>
  120. </body>
  121. </html>