master

分支 (1)

管理

管理

master

wxPhone
/
order.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" href="./css/same-css.css">
    <link rel="stylesheet" href="./css/new_product.css">
    <link rel="stylesheet" href="./css/order.css">
    <title>订单</title>
</head>
<body>
<div class="box">

    <div class="select_box">
        <div class="ul_box">
            <ul>
                <li>待确认</li>
                <li>已发货</li>
                <li>已完成</li>
                <li>退款/退货</li>
            </ul>
        </div>
    </div>
    <div class="content content0" style="display: block">
        <div class="new">
            <div class="new-box yiZhiFu state1">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">1泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">待确认</div>
            </div>
            <div class="new-box yiZhiFu state2">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">已发货</div>
            </div>
            <div class="new-box yiZhiFu state3">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">已完成</div>
            </div>
            <div class="new-box  yiZhiFu state4">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">退款/退货</div>
            </div>
            <div class="new-box  yiZhiFu state4">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">退款/退货</div>
            </div>
            <div class="new-box  yiZhiFu state4">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">退款/退货</div>
            </div>
        </div>
    </div>
    <div class="content  content1">
        <div class="new">
            <div class="new-box order_faHuo state1">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">2泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">待确认</div>
            </div>
        </div>
    </div>
    <div class="content content2">
        <div class="new">
            <div class="new-box order_faHuo state2">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">2泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">已发货</div>
            </div>
        </div>
    </div>
    <div class="content  content3">
        <div class="new">
            <div class="new-box finish state3">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">3泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">已完成</div>
            </div>
        </div>
    </div>
    <div class="content content4">
        <div class="new">
            <div class="new-box order_details state4">
                <div class="new-pic">
                    <img src="./images/pro8.png" alt="">
                </div>
                <p class="new-title">4泰国电话卡就是牛，信号就是好</p>
                <p class="old-price">原价：<span>￥29.9</span></p>
                <p class="new-price">代理价：<span class="money">￥ 29.9</span></p>
                <div class="state">退款/退货</div>
            </div>
        </div>
    </div>
</div>
<!--底部导航-->
<div class="bottom_box">
    <ul>
        <li onclick="window.location.href = 'index.html'"><img src="./images/shouye.png" alt="">首页</li>
        <li onclick="window.location.href = 'fenLei.html'"><img src="./images/fenlei.png" alt="">分类</li>
        <li class="active"><img src="./images/dingdan-1.png" alt="">订单</li>
        <li onclick="window.location.href= './me-p.html'"><img src="./images/wode.png" alt="">我的</li>
    </ul>
</div>
<script src="./js/jquery-3.2.1.min.js"></script>
<script>
    $(document).ready(function () {
        var c0 = $('.content0'),
            c1 = $('.content1'), c2 = $('.content2'), c3 = $('.content3'), c4 = $('.content4'),
            s1 = $('.state1'), s2 = $('.state2'), s3 = $('.state3'), s4 = $('.state4');
        /*tab切换*/
        $('.ul_box ul li').click(function () {
            hideAll();
            removeAll();
            $(this).addClass('active_tui');
            if ($(this).index() === 0) {
                c1.show();
            } else if ($(this).index() === 1) {
                c2.show();
            } else if ($(this).index() === 2) {
                c3.show();
            } else if ($(this).index() === 3) {
                c4.show();
            }
        });
        /*不同状态订单跳转详情页*/
        s1.click(function () {
            window.location.href = 'order_yiZhiFu.html';
        });
        s2.click(function () {
            window.location.href = 'oeder_fahuo.html';
        });
        s3.click(function () {
            window.location.href = 'order_finish.html';
        });
        s4.click(function () {
            window.location.href = 'order_details.html';
        });

        function hideAll() {
            $('.content').hide();
        }

        function removeAll() {
            $('.ul_box ul li').removeClass('active_tui');
        }
    })

</script>
</body>
</html>