$('.saoyisao').css('display', 'none'); $('.getquan').css('display', 'none'); $('#hot_more').css('display', 'none'); $('#search').css('width', '80%'); $('#search').css('left', '5%'); $('.searchimg').css('left', '8%'); $('.time').css('display', 'none'); var page = 1; var pagesize = 10; var isjiazai = 1; function getRecommend(page, pagesize) { var recommenddata = { page: page ? page : 1, pagesize: pagesize ? pagesize : 10 } if(isjiazai == 0) { return; } else { isjiazai = 0; } mui.ajax(ectUrl('addon/shuff-Shuff-recommend'), {  data: recommenddata, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { var html = ''; var data = data.data; if(data.Rows == '') { $('.mui-scroll').append('

没有更多商品

'); isjiazai = 0; return; } $.each(data.Rows, function() { html += '
自营' + this.goodsName + '
¥' + this.shopPrice + ' 满减
可用木吉抵扣20%货款
'; }); if(page == 1) { $('#recommend_con').html(html); } else { $('#recommend_con').append(html); } isjiazai = 1; $('.rcb_title span').each(function() { if($(this).attr('data-goodsId') == 1) { $(this).css('display', 'none'); } }) $('.rcb_img').height($('.rcb_img').width()); } else { // console.log(2) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  } function getNextDate(dayStr) { var dd = new Date(dayStr); dd.setDate(dd.getDate() + 1); var y = dd.getFullYear(); var m = dd.getMonth() + 1; //获取当前月份的日期 var d = dd.getDate(); return y + "/" + m + "/" + d + " 00:00:00"; }; function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date(getNextDate(date)); var end = endDate.getTime(); //时间差 var leftTime = end - now; //定义变量 d,h,m,s保存倒计时的时间 var h, m, s; if(leftTime >= 0) { h = Math.floor(leftTime / 1000 / 60 / 60); m = Math.floor(leftTime / 1000 / 60 % 60); s = Math.floor(leftTime / 1000 % 60); //将倒计时赋值到div中 if(h < 10) { h = "0" + h; } if(m < 10) { m = "0" + m; } if(s < 10) { s = "0" + s; } document.getElementById("_h").innerHTML = h; document.getElementById("_m").innerHTML = m; document.getElementById("_s").innerHTML = s; } //递归每秒调用countTime方法,显示动态时间效果 setTimeout(countTime, 1000); } mui.plusReady(function() { var ua = navigator.userAgent.toLowerCase(); var issx = 0; //获取折扣 localStorage.removeItem('ectzhekou'); mui.ajax(llUrl('addon/shuff-Shuff-ectDiscount'), {  dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { localStorage.setItem('ectzhekou',data.data); } else { // console.log(2) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  //bannerTop mui.ajax(llUrl('addon/shuff-Shuff-homeCarousel'), {  dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { var html = ''; var data = data.data; $.each(data, function() { html += '
'; }); $('#top_banner .swiper-wrapper').html(html); var swiper = new Swiper('#top_banner', { pagination: '#top_banner_pagination', spaceBetween: 0, loop: true, autoplay: 3500, autoplayDisableOnInteraction: false }); $('#top_banner').height($('#top_banner').width() * 460 / 750); } else { // console.log(data.status) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   }); //秒杀 mui.ajax(ectUrl('addon/hyhsale-Goods-appGoodsList'), {  dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { var html = ''; var data = data.data; $.each(data, function() { html += '

¥' + this.goodsPrice + '

¥' + this.marketPrice + '
'; }); $('#timer_swiper .swiper-wrapper').html(html); countTime() var swiper = new Swiper('#timer_swiper', { slidesPerView: 4.5, paginationClickable: true, spaceBetween: 0, freeMode: true }); $('#timer_swiper .swiper-slide img').height($('#timer_swiper .swiper-slide img').width()); $('#timer_swiper .swiper-slide').height($('#timer_swiper .swiper-slide').width() * 250 / 160); } else { // console.log(data.status) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  //会员快报 mui.ajax(hyhUrl('app/Articles/getIndexNews'), {  data: {}, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(news_data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   var news_data = toJson(news_data); if(news_data.status == 1) { news_data = news_data.data; var news = ''; $.each(news_data, function() { // console.log(this.articleTitle) news += '' + this.articleTitle + '          '; }) $('#news').html(news); // $('#news_more').html(''); //console.log(news); } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);       }   });  //热门品牌 mui.ajax(llUrl('addon/shuff-Shuff-shuff'), {  data: { positionId: 392 }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { var html = ''; var data = data.data; $.each(data, function() { html += '
'; if(this.list != '') { $.each(this.list, function(num) { if(num >= 3) { return; } var adGoodsStatus = ''; if(this.adGoodsStatus == 1) { adGoodsStatus = '精品'; } else if(this.adGoodsStatus == 2) { adGoodsStatus = '推荐'; } else if(this.adGoodsStatus == 3) { adGoodsStatus = '热卖'; } html += '

' + this.goodsName + '

¥' + this.shopPrice + '

' + adGoodsStatus + '
' }) } html += '
'; }); $('#hot_banner .swiper-wrapper').html(html); var swiper = new Swiper('#hot_banner', { pagination: '#hot_banner_pageination', spaceBetween: 0, loop: true, autoplay: 5500, autoplayDisableOnInteraction: false }); $('#hot_banner .swiper-wrapper .swiper-slide ').height($('#hot_banner ').width() * 820 / 718); $('#hot_banner .swiper-wrapper .swiper-slide .hotimg').height($('#hot_banner .hotimg').width() * 320 / 662); $('.hot_con_block_img').height($('.hot_con_block_img').width()); } else { // console.log(2) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  //广告位 mui.ajax(llUrl('addon/shuff-Shuff-active'), {  dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // var data = toJson(data, 1); if(data.status == 1) { var data = data.data; if(data[0]) { $('.add_top_left').addClass('add_').attr('data-adURL', data[0].adURL).attr('data-targetType', data[0].targetType); $('.add_top_left .p1').html(data[0].adName.split('|')[0]); $('.add_top_left .p2').html(data[0].adName.split('|')[1]); $('.add_top_left img').attr('src', ectImgUrl(data[0].adFile)); } if(data[1]) { $('.add_top_right_con').eq(0).addClass('add_').attr('data-adURL', data[1].adURL).attr('data-targetType', data[1].targetType); $('.add_top_right_con .p1').eq(0).html(data[1].adName.split('|')[0]); $('.add_top_right_con .p2').eq(0).html(data[1].adName.split('|')[1]); $('.add_top_right_con img').eq(0).attr('src', ectImgUrl(data[1].adFile)); } if(data[2]) { $('.add_top_right_con').eq(1).addClass('add_').attr('data-adURL', data[2].adURL).attr('data-targetType', data[2].targetType); $('.add_top_right_con .p1').eq(1).html(data[2].adName.split('|')[0]); $('.add_top_right_con .p2').eq(1).html(data[2].adName.split('|')[1]); $('.add_top_right_con img').eq(1).attr('src', ectImgUrl(data[2].adFile)); } if(data[3]) { $('#abc_1').addClass('add_').attr('data-adURL', data[3].adURL).attr('data-targetType', data[3].targetType); $('#abc_1 .p1').html(data[3].adName.split('|')[0]); $('#abc_1 .p2').html(data[3].adName.split('|')[1]); $('#abc_1 img').attr('src', ectImgUrl(data[3].adFile)); } if(data[4]) { $('#abc_2').addClass('add_').attr('data-adURL', data[4].adURL).attr('data-targetType', data[4].targetType); $('#abc_2 .p1').html(data[4].adName.split('|')[0]); $('#abc_2 .p2').html(data[4].adName.split('|')[1]); $('#abc_2 img').attr('src', ectImgUrl(data[4].adFile)); } if(data[5]) { $('#abc_3').addClass('add_').attr('data-adURL', data[5].adURL).attr('data-targetType', data[5].targetType); $('#abc_3 .p1').html(data[5].adName.split('|')[0]); $('#abc_3 .p2').html(data[5].adName.split('|')[1]); $('#abc_3 img').attr('src', ectImgUrl(data[5].adFile)); } // var html1 = `
//

` + data[0].adName.split('|')[0] + `

//

` + data[0].adName.split('|')[1] + `

// //
//
//
//

` + data[1].adName.split('|')[0] + `

//

` + data[1].adName.split('|')[1] + `

// //
//
//

` + data[2].adName.split('|')[0] + `

//

` + data[2].adName.split('|')[1] + `

// //
//
`; // // $('.add_top').html(html1); // var html2 = `
//

` + data[3].adName.split('|')[0] + `

//

` + data[3].adName.split('|')[1] + `

// //
//
//

` + data[4].adName.split('|')[0] + `

//

` + data[4].adName.split('|')[1] + `

// //
//
//

` + data[5].adName.split('|')[0] + `

//

` + data[5].adName.split('|')[1] + `

// //
`; // $('.add_bottom').html(html2); } else { // console.log(2) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  //为你推荐 getRecommend(page, pagesize); document.querySelector('.mui-scroll-wrapper').addEventListener('scroll', function(e) { if(scroll.y == scroll.maxScrollY) { if(isjiazai == 1) { page++; getRecommend(page, pagesize); } } }) setInterval(function() { $('.add_top_left img').height($('.add_top_left img').width()); $('.add_top_right_con img').height($('.add_top_right_con img').width()); $('.add_bottom_con img').height($('.add_bottom_con img').width()); $('.rcb_img').height($('.rcb_img').width()); }, 100) document.querySelector('.mui-scroll-wrapper').addEventListener('scroll', function(e) { if(-scroll.y < 0) { num = 0; } else if((-scroll.y > 0 || scroll.y == 0) && -scroll.y < 150) { num = -scroll.y / 150; } else { num = 1; } $('.header').css('background-color', 'rgba(255,255,255,' + num + ')') if(-scroll.y < 75) { $('.saoyisao').attr('src', '../img/saoyisao.png'); $('.msg').attr('src', '../img/icon_msg.png'); $('.search').attr('src', '../img/icon_search.png'); $('#search').css('background-color', 'white'); // $('#search').css('color', 'black'); // $('#keyword').css('color', 'black'); $('.header').removeClass('shadown_wai'); } else { $('.saoyisao').attr('src', '../img/saoyisao1.png'); $('.msg').attr('src', '../img/icon_msg1.png'); $('.search').attr('src', '../img/icon_search1.png'); $('#search').css('background-color', '#d8d8d8'); // $('#search').css('color', 'white'); // $('#keyword').css('color', 'white'); $('.header').addClass('shadown_wai'); } if(scroll.y > 80 && issx == 0) { issx = 1; setTimeout(function() { location.reload() }, 1000) } }) //轮播图跳转 $('#top_banner').on('tap', '.swiper-slide', function() { openAds($(this)); }) //秒杀跳转 $('#timer_swiper').on('tap', '.swiper-slide', function() { // openAds($(this)); }) //广告 $('.add').on('tap', '.add_', function() { openAds($(this)); }) //品牌跳转 $('#hot_banner').on('tap', '.hotimg', function() { openAds($(this)); }) var num = 0; mui('.time').on('tap', '#timer_more', function() { mui.openWindow({ url: 'time.html', id: 'time.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { // data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }) mui('.classify').on('tap', '.class_block', function() { var classifyId = $(this).attr('data-classifyId'); var url = 'orSupermarket.html'; if(classifyId == 5) { url = 'classify.html'; } mui.openWindow({ url: url, id: url, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { classifyId: classifyId // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }) //跳新闻 mui('.con_nav').on('tap', '.news', function() { mui.openWindow({ url: 'journalism.html', id: 'journalism.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { // data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }) //跳消息 mui('.header').on('tap', '.msg', function() { mui.openWindow({ url: 'msg.html', id: 'msg.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { // data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }) mui('.hot_shop').on('tap', '#hot_more', function() { mui.openWindow({ url: 'activity4.html', id: 'activity4.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { // data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }) //搜索 $('#keyword').on('focus', function() { $(".search button").css('display', 'block'); }) $('#keyword').on('blur', function() { $(".search button").css('display', 'none'); }) $(".search button").on('tap', function() { var searchName = $('#keyword').val(); var url = ''; // e.preventDefault(); // console.log(searchName) //请求搜索接口 // console.log($('.search select').val()) if($('.search select').val() == 0) { url = 'goodsList.html'; } else if($('.search select').val() == 1) { url = 'shopsList.html'; } mui.openWindow({ url: url, id: url + searchName, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) $("#keyword").on('keypress', function(e) { var keycode = e.keyCode; var searchName = $(this).val(); var url = ''; if(keycode == '13') { // e.preventDefault(); // console.log(searchName) //请求搜索接口 // console.log($('.search select').val()) if($('.search select').val() == 0) { url = 'goodsList.html'; } else if($('.search select').val() == 1) { url = 'shopsList.html'; } mui.openWindow({ url: url, id: url + searchName, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_keyword: searchName // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: true, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) } }); mui("#hot_banner").on('tap', '.hot_con_block', function() { // var tj = plus.webview.create('search.html'); // tj.show(); // alert(e.target.attributes["data-id"].nodeValue); var data_id = this.attributes["data-goodsId"].nodeValue; // console.log(this.attributes["data-id"].nodeValue); mui.openWindow({ url: 'details.html', id: 'details.html' + data_id, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: data_id // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) })