listnew.html 7.71 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-title" content="">
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <link rel="apple-touch-icon-precomposed" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="Bookmark" href="favicon.ico">
    <meta http-equiv="Pragma" content="no-cache"/>

    <meta http-equiv="Expires" content="0"/>

    <link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/reset.css">

    <style>
        .all_told, .platen_number {
            text-align: center;
        }

        .all_told {
            padding: 30px 0 10px 0;
        }

        .all_told span {
            margin-right: 5px;
            font-size: 22px;
        }

        .discount_money {
            color: #fc3817;
        }

        .discount {
            padding: 4px 7px;
            background: #fc3817;
            border-radius: 2px;
            position: relative;
            margin-left: 10px;
            color: #fff;
        }

        .discount:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            left: -6px;
            top: 8px;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-right: 6px solid #fc3817;
        }

        .youhuid {
            background: #f00;
            color: #fff;
            font-size: 13px;
            padding: 2px 5px;
            border-radius: 3px;
            margin-left: 2px;
            display: none;
        }

        .showTooltips {
            display: none;
            /*针对苹果新增手势*/
            cursor: pointer;
        }

        .weui-cells {
            /*针对苹果新增手势*/
            cursor: pointer;
        }

        .dialog-out {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1000;
            background: rgba(0, 0, 0, .3);
            display: none;
        }

        .dia-con {
            width: 305px;
            height: 138px;
            padding: 10px;
            background: rgba(255, 255, 255, 1);
            border-radius: 8px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .close-btn {
            float: right;
            width: 16px;
            height: 16px;
            background: url("img/close.png") no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
            overflow: hidden;
        }

        .dia-main {
            margin-left: 30px;
            margin-top: 30px;
            height: 52px;
            padding-left: 90px;
            background: url("img/out.png") no-repeat;
            background-size: 52px 52px;
        }

        .dia-text {
            padding-top: 20px;
            text-align: center;
            font-size: 12px;
            color: #999;
        }

        .arrears-btn {
            width: 70px;
            height: 25px;
            margin-top: 20px;
            color: #FFF;
            font-size: 12px;
            text-align: center;
            line-height: 25px;
            background: url("img/arrears-bg.png") no-repeat;
            background-size: 70px 25px;
        }

        .strTip {
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 20px;
            background: rgba(0, 0, 0, .7);
            position: fixed;
            top: 0;
            left: 0;
        }

        .strWrap {
            width: 80%;
            background: #fff;
            border-radius: 4px;
            margin: 50px auto 0;
            padding: 0 10px 15px;
        }

        .strCon {
            text-align: center;
            font-size: 20px;
            color: #333;
            text-align: center;
        }

        .header-title {
            padding: 15px 0;
            font-size: 14px;
            font-weight: 600;
            border-bottom: 1px solid #ccc;
            color: #333;
        }

        .payCarNum {
            font-size: 16px;
            color: #D40202;
        }

        .btn {
            color: #fff;
            font-size: 20px;

            height: 40px;
            line-height: 40px;
            border-radius: 8px;
            cursor: pointer;
        }

        .hiddenBtn {
            background: #79cbbf;
        }

        .outBtn {
            background: #509f93;
        }
        .no-money-tip{
            display: none;
            height: 34px;
            line-height: 34px;
            padding-left: 45px;
            color: #000;
            background: #FEF8D9 url("img/iPhone.png") no-repeat 15px center;
        }

    </style>
</head>
<body ontouchstart="">
<div id="tip-title" class="weui-cells__title" style="color: #f00;text-align: center"></div>

<div id="no-money-tip" class="weui-cells__title  no-money-tip" style="">
    30分钟内免费直接离场,无需缴费
</div>
<div id="pay_listcont">

</div>


<div class="pay-content-padded">
    <a class="weui-btn weui-btn_primary  showTooltips" href="javascript:" id="showTooltips"
       v-cloak="showTooltips">申请离场</a>
</div>

<div class="dialog-out">
    <div class="dia-con">
        <div class="close-btn"></div>
        <div class="layui-clear"></div>
        <div class="dia-main">
            <p>您已经成功申请离场</p>
            <p>期待您的再次光临</p>
        </div>
        <div class="dia-text">温馨提示:请尽快出场,超过时间将重新计费哦!</div>
    </div>
</div>

<!--<div class="strTip" id="strTip">-->
<!--<div class="strWrap">-->
<!--<div class="header-title">车牌号码确认信息提示</div>-->
<!--<div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div>-->
<!--<div class="strCon"><span class="payCarNum" id="payCarNum"></span></div>-->
<!--<div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div>-->
<!--<div class="btn outBtn">不是我的车,手动输入车牌号</div>-->
<!--</div>-->
<!--</div>-->


<script src="js/jquery-3.2.1.min.js"></script>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>

<script src="js/md5.min.js"></script>

<script src="js/url.js?a=2.11"></script>
<script src="js/ajax.js"></script>
<script type="text/javascript">
//微信浏览器中,aler弹框不显示域名
(function () {
  //先判断是否为微信浏览器
  var ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    //重写alert方法,alert()方法重写,不能传多余参数
    window.alert = function (name) {
      var iframe = document.createElement("IFRAME");
      iframe.style.display = "none";
      iframe.setAttribute("src", 'data:text/plain');
      document.documentElement.appendChild(iframe);
      window.frames[0].window.alert(name);
      iframe.parentNode.removeChild(iframe);
    }
  }
})();
</script>
<script src="js/list.js?B=11"></script>
</body>
</html>