
<?php defined('InShopNC') or exit('Access Invalid!'); ?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>物流查询</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="email=no" name="format-detection" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="<?php echo RESOURCE_SITE_URL; ?>/css/mobile/express.css">
</head>
<body>
    <?php if($output['query_status']) { ?>
        <header>
            <div class="status">
                <p class="wl_status">物流状态<span class="status_1"><?php echo $output['msg_statu']; ?></span></p>
                <p>运单号：<span class="number"><?php echo $output['LogisticCode']; ?></span></p>
            </div>
        </header>

        <article>
            <div class="rote "></div>
            <div class="list_box">
                <div class="list">
                    <?php foreach($output['routes'] AS $info){ ?>
                    <div class="msg">
                        <p><?php echo $info['AcceptStation']; ?></p>
                        <p class="time"><?php echo $info['AcceptTime']; ?></p>
                        <div class="dian"></div>
                    </div>
                    <?php } ?>
                </div>
            </div>
        </article>
    <?php } else { ?>
        <div class="error"></div>
    <?php } ?>

    <script src="<?php echo RESOURCE_SITE_URL; ?>/js/mobile/zepto.min.js"></script>
    <script type="text/javascript">
        $(function(){
            var bottom_html='<div class="bottom_rote"></div>',
                twinkle='<div class="twinkle" dateAnimate="twinkle_1"></div>';
            $('.msg').first().addClass("this").append(twinkle);
            $('.msg').last().append(bottom_html);
            function width(id,sex){
                var object=$('.rote').offset(),
                    width=object.width;
                margin=-width-sex+"px";
                $(id).css("margin-left",margin);
            }
            width(".dian",10);
            width(".bottom_rote",10);
            width(".twinkle",14);
        })
    </script>
</body>
</html>