list.html

<!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 浏览器中自动提示翻译 -->
    <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">
    <link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.css">
    <!--    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css"> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/js/swiper.js"></script>
    <style>
    </style>
</head>
<body ontouchstart="">
<div id="tip-title" class="weui-cells__title" style="color: #f00;text-align: center"></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="swiper-container">
            <div class="swiper-wrapper" id="swiper-wrapper">
                <!--<div class="swiper-slide">-->
                <!---->
                <!--</div>-->
                <!--<div class="swiper-slide">Slide 2</div>-->
                <!--<div class="swiper-slide">Slide 3</div>-->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!--&lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
            <!--<div class="swiper-button-prev"></div>-->
            <!--<div class="swiper-button-next"></div>-->
            <!--&lt;!&ndash; 如果需要滚动条 &ndash;&gt;-->
            <!--<div class="swiper-scrollbar"></div>-->
        </div>
        <div class="tipTitle">
            <img src="img/tipTitle.png" alt="" style="vertical-align: bottom;margin-right: 10px"> 请确认您当前缴费车牌号
        </div>
        <div class="carNum">
            <!--蒙D T839E-->
        </div>
        <div class="toPay hiddenBtn">
            是我的车，去支付
        </div>
        <div class="toSelect 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=123"></script>
<script src="js/ajax.js?a=123"></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);
    }
  }
})();
activityQuery()
function activityQuery() {
    // mUrl.activity = cepath + '/activity/queryActivityListByOrgId'
    var salt = jsajax.salt(32);
    var jsondata = {
        app_id: _app_id,
        deviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E',
        salt: salt,
        sign_type: 'md5',
        sign: '1',
        orgId: '10003',
        jumpType: '8'
        //token:token
    };
    jsondata = JSON.stringify(jsondata);
    jsajax.defaultReq(
        mUrl.queryActivityListByJumpType,
        jsondata,
        function (data) {
            console.log(data.data);
            var res = data.data
            $.each(res, function (i, item) {
                console.log(item.url)
                $('#swiper-wrapper').append('<div data-url=' + item.jumpUrl + ' class="swiper-slide" style="background: url(' + item.url + ') no-repeat;background-size: 100% 100%"></div>')
            })
            var mySwiper = new Swiper('.swiper-container', {
                loop: true, // 循环模式选项
                autoplay: true,//可选选项，自动滑动
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },
            })
        }
    );
}
$(document).delegate('.swiper-slide','click',function () {
    var _url = $(this).attr('data-url')
    window.open(_url)
})
</script>
<script src="js/list.js?h=121.31"></script>
</body>
</html>