popup.html 5.56 KB
<!DOCTYPE html>
<html lang="en">

<head>

    <head>
        <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
        <meta content="telephone=no" name="format-detection" />
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>一步物流-首页</title>
        <title>popup</title>
        <link rel="stylesheet" href="../css_an/common.css">
    </head>

    <body class="m-mask">
        <!-- header -->
        <header class="m-header">
            <a href="index.html" class="lt-bar"><i class="m-icon icon-title_fanhui"></i></a>
            <div class="head">
                <h1>一步物流</h1>
            </div>
        </header>
        <!-- 以下style仅供预览显示,请无视! start -->
        <style>
        body{
			position: static !important;
			overflow: auto !important;
        }
        .m-popup {
            display: block !important;
            position: static;
            margin: 30px auto;
        }
        </style>
        <!-- 仅供预览显示,实际使用请移除 end -->
        <!-- 未认证 -->
        <div class="m-popup" id="certPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>未认证</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-cert"></i>
                <br>
                <br>
                <p class="text-center">暂不能接单,请认证</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn">去认证</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 无线路 -->
        <div class="m-popup" id="certingPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>认证审核中</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-certing"></i>
                <br>
                <br>
                <p class="text-center">暂不能接单,您可以先添加物流线路</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn">添加线路</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 有线路 -->
        <div class="m-popup" id="certingHasRoadPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>认证审核中</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-certing"></i>
                <br>
                <br>
                <p class="text-center">我们将在2015.06.18 18点前完成审核</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn">好的</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 认证未通过 -->
        <div class="m-popup" id="certInvalidPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>认证未通过</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-certinvalid"></i>
                <br>
                <br>
                <p class="text-center">暂不能接单,请重新认证</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn">去查看</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 添加物流线路 -->
        <div class="m-popup" id="newRoadPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>没有物流线路</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-road"></i>
                <br>
                <br>
                <p class="text-center">暂不能接单,请添加物流线路</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn">添加线路</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 保证金不足 -->
        <div class="m-popup" id="amountNotEnoughPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>保证金不足</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-amount"></i>
                <br>
                <br>
                <p class="text-center">不能继续享受优先推送服务</p>
            </div>
            <div class="popup-foot text-center border-1px border-top">
                <a href="" class="m-btn btn-default mr15">暂不交</a>
                <a href="" class="m-btn">交保证金</a>
            </div>
        </div>
        <br>
        <br>
        <br>
        <!-- 用户被锁定 -->
        <div class="m-popup" id="userLockedPopup">
            <div class="popup-head border-1px border-bottom">
                <h1>接单被锁定</h1>
            </div>
            <div class="popup-cont text-center">
                <i class="m-icon icon-lock"></i>
                <br>
                <br>
                <p class="text-center">您当前信用分值过低<br>可能是您放弃承运的运单超过允许次数</p>
            </div>
        </div>

    </body>

</html>