var timestamp1 = Date.parse(new Date()); //$('.getquan').css('display', 'none'); $('#search').css('width', '82%'); $('#search').css('left', '5%'); $('.searchimg').css('left', '8%'); //$('.time').css('display', 'none'); //首页navId $('.class_block').eq(0).attr('data-classifyId', 0); $('.class_block').eq(1).attr('data-classifyId', 2); $('.class_block').eq(2).attr('data-classifyId', 4); $('.class_block').eq(3).attr('data-classifyId', 3); $('.class_block').eq(4).attr('data-classifyId', 9); $('.class_block').eq(5).attr('data-classifyId', 1); $('.class_block').eq(6).attr('data-classifyId', 10); $('.class_block').eq(7).attr('data-classifyId', 11); $('.class_block').eq(8).attr('data-classifyId', 12); $('.class_block').eq(9).attr('data-classifyId', ''); var $uList = $(".scroll-box ul"); var timer = null; //触摸清空定时器 $uList.hover(function() { clearInterval(timer); }, function() { //离开启动定时器 timer = setInterval(function() { scrollList($uList); }, 2000); }).trigger("mouseleave"); //自动触发触摸事件 //滚动动画 function scrollList(obj) { //获得当前<li>的高度 var scrollHeight = $("ul li:first").height(); //滚动出一个<li>的高度 $uList.stop().animate({ marginTop: -scrollHeight }, 600, function() { //动画结束后,将当前<ul>marginTop置为初始值0状态,再将第一个<li>拼接到末尾。 $uList.css({ marginTop: 0 }).find("li:first").appendTo($uList); }); } $('.bcon_left').height($('.bcon_left').width() * 345 / 185); $('.bcr_block').height($('.bcr_block').width()); $('.addsct_block').height($('.addsct_block').width() * 225 / 355); $('.addscb_block').height($('.addscb_block').width() * 260 / 180); 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(qlgUrl('app/index/getHotGoods'), { data: recommenddata, dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功; // //console.log(data); // var data = toJson(data, 1); if (data.status == 1) { //console.log(data); var html = ''; var data = data.data; if (data.Rows == '') { $('.mui-scroll').append('<p style="float: left;width: 100%;text-align: center;padding-bottom: 9px;">没有更多商品</p>'); isjiazai = 0; return; } $.each(data.Rows, function() { html += '<div class="recommend_con_block shadown_wai" data-goodsId="' + this.goodsId + '"><img class="rcb_img" src="' + ectImgUrl(this.goodsImg) + '" alt="" /><div class="rcb_con"><div class="rcb_title"><span style="display:none;" data-shopId="' + this.shopId + '">自营</span>' + this.goodsName + '</div><div class="rcb_pay">¥' + this.shopPrice + ' <span style="display:none;">满减</span></div><div class="rcb_bottom"><div><span>'+this.saleNum+'</span><span>人购买</span></div><div style="display:none"><span>优惠率 </span><span>'+this.discountRate+'%</span></div></div></div><img style="display:none;" class="icon_icon" src="../img/icon_sscl.png" alt="" /></div>'; }); 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) { //异常处理; // mui.alert(errorThrown); } }); } //滚动动画 function scrollList(obj) { //获得当前<li>的高度 var scrollHeight = $("ul li:first").height(); //滚动出一个<li>的高度 $uList.stop().animate({ marginTop: -scrollHeight }, 600, function() { //动画结束后,将当前<ul>marginTop置为初始值0状态,再将第一个<li>拼接到末尾。 $uList.css({ marginTop: 0 }).find("li:first").appendTo($uList); }); } mui.plusReady(function() { var ua = navigator.userAgent.toLowerCase(); var issx = 0; if (timestamp1 <= 1550678400000) { //活动弹窗 var lxy_div = '<div class="mui-backdrop lxy_home_zz" style="display: block;background-color: rgba(0,0,0,.7);" id="home_zhezhao"><div class="lxy_zz"><img src="' + ectImgUrl('static/app2/img/showActive.png') + '" /></div></div>'; $('body').append(lxy_div); } //点击让遮罩层消失 mui('body').on('tap', '#home_zhezhao', function() { $('#home_zhezhao').css('display', 'none'); }); //跳转活动会场 mui('#home_zhezhao').on('tap', '.lxy_zz', function() { mui.openWindow({ url: 'journalism_con.html', id: 'journalism_con.html21', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 }, extras: { data_articleId: 21 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: {}, waiting: {} }) }); // 点击扫一扫 $('.saoyisao').on('tap',function () { JZL.openWindow('saoyisao.html','saoyisao.html') }) //bannerTop mui.ajax(qlgUrl('app/appport/appBanner'), { 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 += '<div class="swiper-slide" data-adURL="' + this.adURL + '" data-targetType="' + this.targetType + '"><img src="' + hyhImgUrl(this.adFile) + '" alt="" /></div>'; }); $('#top_banner .swiper-wrapper').html(html); var swiper = new Swiper('#top_banner', { pagination: '#top_banner_pagination', spaceBetween: 0, loop: true, autoplay: 3500, autoplayDisableOnInteraction: false }); // console.log($('#top_banner').width()); var topBannerheight=($('#top_banner').width() )* 460 / 750; // console.log(topBannerheight); $('#top_banner').height(($('#top_banner').width() )* 460 / 750); localStorage.setItem('topBannerheight',topBannerheight) } else { // //console.log(data.status) } }, error: function(xhr, type, errorThrown) { //异常处理; // mui.alert(errorThrown); } }); //为你推荐 getRecommend(page, pagesize); document.querySelector('.mui-scroll-wrapper').addEventListener('scroll', function(e) { // 判断默认行为是否可以被禁用 if (e.cancelable) { // 判断默认行为是否已经被禁用 if (!e.defaultPrevented) { e.preventDefault(); } } if (scroll.y == scroll.maxScrollY) { if (isjiazai == 1) { page++; getRecommend(page, pagesize); } } 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) } }, false) 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) //轮播图跳转 $('#top_banner').on('tap', '.swiper-slide', function() { openAds($(this)); }) mui('body').on('tap', '.bannerAdd', function() { localStorage.setItem('aaaaaa', 1); }) mui('.classify').on('tap', '.class_block', function() { var classifyId = $(this).attr('data-classifyId'); var url = 'orSupermarket.html'; if (classifyId == 0) { url = 'self_shop.html'; } if (classifyId == '') { 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('body').on('tap', '.add_bcr', function() { // //var brandId = $(this).attr('data-brandId'); // // // openAds($(this)); // mui.openWindow({ // url: 'storeout.html', // id: 'storeout.html' + shopId, // styles: { // top: '0px', //新页面顶部位置 // bottom: '0px', //新页面底部位置 // }, // extras: { // shopId: shopId // // ..... //自定义扩展参数,可以用来处理页面间传值 // }, // createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 // show: {}, // waiting: {} // }) // }) //领券 mui('body').on('tap', '.getquan', function() { if (timestamp1 >= 1542470400000) { mui.alert('敬请期待!'); return; } mui.openWindow({ url: 'god_ect.html', id: 'god_ect.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').val("") }) $("#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, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) } }); })