<!DOCTYPE html> <html lang="en"> {include file="public/head"/} <link rel="stylesheet" href="__CDN__/assets/advertising/css/index.css"> <link rel="stylesheet" href="__CDN__/assets/advertising/css/swiper.min.css"> <style> .empty_data{ color: #8C9198; text-align: center; margin: 0 auto; } </style> <body> <div class="index clearfix"> <div class="banner"> <div class="swiper-container swiper-container-horizontal banner_img"> <div class="swiper-wrapper"> <foreach> </foreach> <div class="swiper-slide swiper-slide-active"> <img src="__CDN__/assets/advertising/img/sun_01@2x.png" alt=""> </div> <div class="swiper-slide swiper-slide-next"> <img src="__CDN__/assets/advertising/img/sun_01@2x.png" alt=""> </div> <div class="swiper-slide"> <img src="__CDN__/assets/advertising/img/sun_01@2x.png" alt=""> </div> <div class="swiper-slide"> <img src="__CDN__/assets/advertising/img/sun_01@2x.png" alt=""> </div> <div class="swiper-slide"> <img src="__CDN__/assets/advertising/img/sun_01@2x.png" alt=""> </div> </div> <div class="swiper-pagination swiper-pagination-white swiper-pagination-clickable swiper-pagination-bullets"></div> </div> </div> <!-- 列表 --> <div class="content_list"> <div id="dom"> {foreach name="$data" item="vo"} <div class="content_single" onclick="detail('{$vo.id}')"> <div class="single_title">{$vo.goods_name}</div> <div class="single_coupon">{$vo.exp}红包券</div> <div class="layout justify flex_row align_center"> <div class="single_date">截止日期: {$vo.end_time}</div> <div class="single_btn">可参与</div> </div> </div> {/foreach} </div> {empty name="$data"} <div class="empty_data"> 暂无数据 </div> {/empty} {notempty name="$data"} <div class="load_more layout align_center justify_center"> <div>加载更多</div> <div class="layout align_center justify_center"> <img src="__CDN__/assets/advertising/img/right.png" alt=""> </div> </div> <!--当前页--> <input type="hidden" id="page" value="1"/> {/notempty} </div> {include file="public/nav"/} </div> {include file="public/js" /} <script src="__CDN__/assets/advertising/js/swiper.min.js"></script> <script> //幻灯片 var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, loop: true, autoplay: true, spaceBetween: 0, autoplay: 3000, }); //进入详情页 function detail(goods_id){ window.location.href = "{:url('home/goods/detail',array('goods_id'=>'GOODS_ID'),false,true)}".replace('GOODS_ID',goods_id); } //加载更多 $(".load_more").click(function () { var page = $('#page').val(); page++; $.ajax({ url:"{:url('home/index/more')}", type:"POST", data:{'page':page}, success:function(res){ if(res.code == 1){ if(res.data == ''){ $('.justify_center').html("<div>没有更多了~</div>"); toast('没有更多了~'); return; } var html = ""; $(res.data).each(function (key, vo) { html += "<div class=\"content_single\" onclick=\"detail('"+vo.id+"')\">\n" + " <div class=\"single_title\">"+vo.goods_name+"</div>\n" + " <div class=\"single_coupon\">"+vo.exp+"红包券</div>\n" + " <div class=\"layout justify flex_row align_center\">\n" + " <div class=\"single_date\">截止日期: "+vo.end_time+"</div>\n" + " <div class=\"single_btn\">可参与</div>\n" + " </div>\n" + " </div>"; }); $('#dom').append(html); $('#page').val(page); }else{ toast('与服务器断开连接'); } }, error:function(){ toast('与服务器断开连接'); } }) }) // 地图定位 // var geolocation = new qq.maps.Geolocation("LQNBZ-F3L34-EQMUR-DILMD-LBR4Q-GDFOH", "myapp"); // var positionNum = 0; // var options = { // timeout: 5000 // }; // function showPosition(position) { // var city = position.city; //城市 // var addr = position.addr; //详细地址 // var lat = position.lat; // // var lng = position.lng; //经纬度 // } // function showErr() { // Toast.init(); // Toast.show('定位失败', 'success', null); // setTimeout(function() { // Toast.hide(); // }, 20000); // }; // $(function() { //定位 // geolocation.getLocation(showPosition, showErr, options); // }) </script> </body> </html>