my_order_dfk.html 4.7 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_724456_0m7h09j73i3.css">
    <script type="text/javascript" src="../../assets/js/fontsize.js"></script>
    <link rel="stylesheet" href="../../assets/css/style.css">
    <title>我的订单</title>
    <style>
        body {
            background-color: #f6f6f6;
            padding: 1rem 0 0 0;
        }
    </style>
</head>
<body>
<div class="my_ordertop">
    <a  href="../my_order.html">全部</a>
    <a class="ordertopactivity" href="my_order_dfk.html">待付款</a>
    <a href="my_order_jxz.html">进行中</a>
    <a href="my_order_dpj.html">待评价</a>
    <a href="my_order_ywc.html">已完成</a>
</div>
<a class="order_item" href="../nupay_order.html">
    <div class="order_item_fri">
        <div class="un_txt">待支付</div>
        <div>2018.4.4</div>
    </div>
    <div class="order_item_content">
        <div class="order_item_cell">
            <div>套餐一</div>
            <div>¥388</div>
        </div>
        <div class="order_item_cell2">
            <div class="order_item_txt">一句话简要说明</div>
            <div class="order_zhong">¥388</div>
        </div>
    </div>
    <div class="order_item_bottom">
        <a>实付:<span>¥398</span></a>
        <a class="closeorder show_mold">取消订单</a>
        <a class="closeorder gopay" href="../nupay_order.html">去支付</a>
    </div>

</a>
<a class="order_item" href="../nupay_order.html">
    <div class="order_item_fri">
        <div class="un_txt">待支付</div>
        <div>2018.4.4</div>
    </div>
    <div class="order_item_content">
        <div class="order_item_cell">
            <div>套餐一</div>
            <div>¥388</div>
        </div>
        <div class="order_item_cell2">
            <div class="order_item_txt">一句话简要说明</div>
            <div class="order_zhong">¥388</div>
        </div>
    </div>
    <div class="order_item_bottom">
        <a>实付:<span>¥398</span></a>
        <a class="closeorder show_mold">取消订单</a>
        <a class="closeorder gopay"  href="../nupay_order.html">去支付</a>
    </div>

</a>
<a class="order_item" href="../nupay_order.html">
    <div class="order_item_fri">
        <div class="un_txt">待支付</div>
        <div>2018.4.4</div>
    </div>
    <div class="order_item_content">
        <div class="order_item_cell">
            <div>套餐一</div>
            <div>¥388</div>
        </div>
        <div class="order_item_cell2">
            <div class="order_item_txt">一句话简要说明</div>
            <div class="order_zhong">¥388</div>
        </div>
    </div>
    <div class="order_item_bottom">
        <a>实付:<span>¥398</span></a>
        <a class="closeorder show_mold">取消订单</a>
        <a class="closeorder gopay"  href="../nupay_order.html">去支付</a>
    </div>

</a>
<a class="order_item" href="../nupay_order.html">
    <div class="order_item_fri">
        <div class="un_txt">待支付</div>
        <div>2018.4.4</div>
    </div>
    <div class="order_item_content">
        <div class="order_item_cell">
            <div>套餐一</div>
            <div>¥388</div>
        </div>
        <div class="order_item_cell2">
            <div class="order_item_txt">一句话简要说明</div>
            <div class="order_zhong">¥388</div>
        </div>
    </div>
    <div class="order_item_bottom">
        <a>实付:<span>¥398</span></a>
        <a class="closeorder show_mold">取消订单</a>
        <a class="closeorder gopay"  href="../nupay_order.html">去支付</a>
    </div>

</a>
</div>
<div class="my_ordermold">
    <div class="ordermold_all">
        <div class="if_no">是否确认取消订单?</div>
        <div class="ordermold_all_bottom">
            <a class="ordermold_left">取消</a>
            <a class="ordermold_rigth">确定</a>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../../assets/js/swiper-3.4.2.jquery.min.js"></script>
<script>
    $('.show_mold').click(function () {
        $('.my_ordermold').css('display','block');
    })
    $('.my_ordermold').click(function () {
        $('.my_ordermold').css('display','none');
    })
    $('.ordermold_left').click(function () {
        $('.my_ordermold').css('display','none');
    })
    $('.ordermold_all').click(function (e) {
        e.stopPropagation();
    })
</script>
</body>
</html>