123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <!DOCTYPE html>
- <html lang="zh-cn">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
- <meta name="format-detection" content="email=no" />
- <meta name="format-detection" content="telephone=no" />
- <title>我的订单</title>
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/order.css">
- </head>
- <body>
- <header>
- <h2><i id="backBtn" onclick="toBack()"></i>我的订单</h2>
- </header>
- <main class="flex-con">
- <div class="orderNav">
- <ul class="clearFix">
- <li class="active"><span>全部</span></li>
- <li><span>未付款</span></li>
- <li><span>已付款</span></li>
- <li><span>待收货</span></li>
- <li><span>已收货</span></li>
- <li><span>已取消</span></li>
- </ul>
- </div>
- <div class="orderList">
- <ul class="orderShop hid">
- <li>
- <div class="statusBox clearFix">
- <div class="orderDiv left">订单编号:<span class="orderNum">{{orderNum}}</span><span class="nickname">{{nickname}}</span></div>
- <div class="status right">{{orderStatus}}</div>
- </div>
- <div class="commDiv flex-wrap">
- <div class="commImg">{{img}}</div>
- <div class="commFig flex-con clearFix">
- <div class="left commName">{{commName}}</div>
- <div class="right commPN">
- <p class="commPrice">{{commPrice}}</p>
- <p class="commNum">x{{commNum}}</p>
- </div>
- </div>
- </div>
- <p class="describe">共{{totalNum}}件商品 合计:¥<span>{{totalPrice}}</span>(含运费{{freight}})</p>
- <div class="btnBox clearFix">{{handle}}</div>
- </li>
- </ul>
- </div>
- <div class="mainPB"></div>
- <div class="cancelDiv">
- <div class="cancelBox">
- <p>你确定取消订单吗?</p>
- <div class="clearFix">
- <div class="left clBtn">忽略</div>
- <div class="right suBtn">确定</div>
- </div>
- </div>
- </div>
- <div class="waitDiv"></div>
- <div class="noOrderDiv">
- <div class="nODBg"></div>
- <p class="nOd">您还没有相关的订单</p>
- <p class="lookOther">可以去看看有哪些想买的</p>
- </div>
- </main>
- <footer>
- <nav>
- <ul class="footNav flex-wrap">
- <li>
- <i></i>
- <p>首页</p>
- </li>
- <li>
- <i></i>
- <p>商城</p>
- </li>
- <li>
- <i></i>
- <p>购物车</p>
- <div class="shopCarTag">0</div>
- </li>
- <li class="active">
- <i></i>
- <p>订单</p>
- </li>
- <li>
- <i></i>
- <p>我的</p>
- <div class="mesTag"></div>
- </li>
- </ul>
- </nav>
- </footer>
- <script src="../dep/jquery-3.1.0.min.js"></script>
- <script src="../js/publicData.js"></script>
- <script src="../js/order.js"></script>
- <!-- 这是美洽的嵌入代码 -->
- <script type='text/javascript'>
- (function(m, ei, q, i, a, j, s) {
- m[i] = m[i] || function() {
- (m[i].a = m[i].a || []).push(arguments)
- };
- j = ei.createElement(q),
- s = ei.getElementsByTagName(q)[0];
- j.async = true;
- j.charset = 'UTF-8';
- j.src = '//static.meiqia.com/dist/meiqia.js?_=t';
- s.parentNode.insertBefore(j, s);
- })(window, document, 'script', '_MEIQIA');
- _MEIQIA('entId', '59626');
- // 在这里开启无按钮模式(常规情况下,需要紧跟在美洽嵌入代码之后)
- _MEIQIA('withoutBtn');
- </script>
- <script type='text/javascript'>
- // 当你使用了「手动初始化」时,就可以在自己的逻辑中选择合适的时机调用 withoutBtn
- // 只要是在美洽初始化之前,就可以被正确执行
- _MEIQIA('withoutBtn');
- _MEIQIA('init');
- </script>
- </body>
- </html>
|