<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" type="text/css" href="css/mui.min.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <style> .mui-table-view-chevron .mui-table-view-cell{padding-right:10px;} .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {margin-right: -10px;} p{font-size:12px;} .mui-pull-right{font-size: 12px;color:#d22c50;} .mui-table-view .mui-media-body{margin-top: 5px;} .mui-table-view .mui-media-object {line-height: 50px;max-width: 50px;height: 50px;} #whell-bar{background-color: #fff;height: 60px;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.35);box-shadow: 0 0 1px rgba(0,0,0,.35);display:none;} </style> <script type="text/javascript"> // 屏蔽分享 window.hiddenAllWechatMenu = true; </script> </head> <body> <div class="loading-bg"> <div class="mui-loading"> <div class="mui-spinner"> </div> 加载中... </div> </div> <nav class="mui-bar mui-bar-tab" id="whell-bar"> <a class="mui-tab-item mui-active"> <div class="my-tab-label" style="font-size: 12px;color: #d22c50;">立即去下单,把奖品抱回家吧!</div> <button type="button" class="mui-btn my-btn-red" style="top: 0;width: 165px;background: #d22c50;">立即购买</button> </a> </nav> <!--下拉刷新容器开始--> <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron my-tab-view-pull"> </ul> </div> </div> <!--下拉刷新容器结束--> <script src="js/mui.min.js"></script> <script src="js/jquery-2.1.1.min.js"></script> <script src="js/main.js"></script> <script src="js/page/wechat-utils-1.0.js"></script> <script type="text/javascript"> var pageNumber = 0,pagesize = 10; mui.init({ pullRefresh: { container: '#pullrefresh', down: { // callback: pulldownRefresh }, up: { contentrefresh: '正在加载...', callback: pullupRefresh } } }); /** * 上拉加载具体业务实现 */ function pullupRefresh() { /* setTimeout(function() { mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。 var table = document.body.querySelector('.my-tab-view-pull'); var cells = document.body.querySelectorAll('.my-tab-view-pull .mui-table-view-cell'); for (var i = cells.length, len = i + 10; i < len; i++) { var li = document.createElement('li'); li.className = 'mui-table-view-cell'; li.innerHTML = '<a href="javascript:;"><img class="mui-media-object mui-pull-left" src="images/image-12.jpg"><div class="mui-media-body">获得一等奖'+(i+1)+'<p class="mui-ellipsis">iPhone7 亮黑版 32G一台</p></div><span class="mui-btn mui-btn-link">2016.09.19 20:00</span></a>'; table.appendChild(li); } }, 1500); */ ++pageNumber; var btnArray = ['否', '是']; var table = document.body.querySelector('.my-tab-view-pull'); $.ajax(base_path + '/game/get_prize_log?dates=' + new Date().getTime(), { data: { "pageSize": pagesize, "pageNO": pageNumber }, dataType: 'json', type: 'post', timeout: 15000, xhrFields: { withCredentials: true }, crossDomain: true, success: function(dt) { if (dt.isRedirect) { location.href = dt.redirectURL; } else { console.log(dt); if (dt.status) { var data =dt.data; var wheel_data =[]; if (null != data && data!="0") { wheel_data = data.winningList; } mui('#pullrefresh').pullRefresh().endPullupToRefresh((wheel_data.length < pagesize)); //参数为true代表没有更多数据了。 mui(wheel_data).each(function(index) { var li = document.createElement('li'); li.className = 'mui-table-view-cell'; li.innerHTML = '<a href="javascript:;"><img class="mui-media-object mui-pull-left" src="'+this.logsPrizeImage+'"><div class="mui-media-body">'+ this.logsPrizeName +'<span class="mui-pull-right">' + this.logsGameName + '</span><p class="mui-ellipsis">' + this.logsDate + '<span class="mui-pull-right">x' + this.logsSum + '</span></p></div></a>'; table.appendChild(li); }); } else { mui.confirm(dt.message, '爱贝源-提示', btnArray, function(e) { if (e.index == 1) { location.reload(true); } }); } } }, error: function(xhr, type, errorThrown) { //异常处理; errorfn(xhr); } }); } mui.ready(function(){ console.log("页面加载完毕"); mui('#pullrefresh').pullRefresh().pullupLoading(); $.ajax({ type: 'post', url: base_path + '/game/buyOrder', data: {gameId:2}, dataType: 'json', timeout: 15000, xhrFields: { withCredentials: true }, crossDomain: true, success: function(data){ if (dt.isRedirect) { location.href = dt.redirectURL; } else { if(data.status){ if(!data.data){ $("#whell-bar").show(); } } } }, error: function(xhr, type){ console.log('Ajax error!' + xhr) } }); document.querySelector('.loading-bg').style.display='none'; }); mui('body').on('tap', '#whell-bar .mui-btn', function() { mui.openWindow({ url:'index.html' }); }); </script> </body> </html>