心之所向 素履以往
店速推商城每做一个商城，都是一个精品案例典范！
在线沟通
提交案例
想和大家一起分享您的小程序么？您可将自己的小程序上传，经公司审核后会在“客户案例”中展示
天指道
“天指道”品牌创立于2004年，是以足疗保健、养生休闲为主的大型连锁企业，在全国拥有多家直···
咨询在线QQ客服
服务热线
13286832200
<script> $(function () { var experience_url="/"; var type=0; var cont=8; var acont=8; /*初始化*/ var counter = 0; /*计数器*/ var pageStart = 0; /*offset*/ var pageSize = 8; /*size*/ var types=0; if(type==0 || type==1){ var index = 0; $('.nav .item').eq(index).addClass('on').siblings().removeClass('on'); $('.caseList').eq(index).show().siblings('.caseList').hide(); if(Number(cont)==pageSize){ $('.caseList .no_more').eq(index).hide(); $('.caseList .outline').eq(index).show(); }else{ $('.caseList .no_more').eq(index).show(); $('.caseList .outline').eq(index).hide(); } }else{ var index = 1; $('.nav .item').eq(index).addClass('on').siblings().removeClass('on'); $('.caseList').eq(index).show().siblings('.caseList').hide(); if(Number(acont)==pageSize){ $('.caseList .no_more').eq(index).hide(); $('.caseList .outline').eq(index).show(); }else{ $('.caseList .no_more').eq(index).show(); $('.caseList .outline').eq(index).hide(); } } /*监听加载更多*/ $('.outline').on('click',function(){ window.t = $(this); var _this = $(this),type =_this.data('type'); if(types!=type){counter=0;} types=type; counter ++; pageStart = counter * pageSize; getData(pageStart, pageSize,type); }); function getData(offset,size,type) { $.ajax({ url:"/home/index/cases.html", type:"post", data:{offset:offset,limit:size,type:type}, datatype: 'json', success:function (res) { var data = res.list; var sum = res.list.length; var result = ''; var result1 = ''; for(var i=0; i<sum; i++){ if(type==1){ result +='<div class="item" data-type="'+type+'">'+ '<div class="one">'+ '<div class="pictrue">'+ '<img src="'+data[i].image+'" class="caseBg">'+ '<div class="ewm"><img src="'+data[i].qr_code+'"></div>'+ '</div>'+ '<div class="text">'+ '<div class="name">'+data[i].title+'</div>'+ '<div class="infor">'+data[i].introduce+'</div>'+ '<div class="industry">'+data[i].industry+'</div>'+ '</div>'+ '</div>'+ '<div class="two">'+ '<div class="ewm animated"><img src="'+data[i].qr_code+'"></div>'+ '<div class="industry animated">查看</div>'+ '</div>'+ '</div>'; }else{ result1 +='<div class="item" data-type="'+type+'">'+ '<div class="one">'+ '<div class="pictrue">'+ '<img src="'+data[i].image+'" class="caseBg">'+ '</div>'+ '<div class="text">'+ '<div class="name">'+data[i].title+'</div>'+ '<div class="infor">'+data[i].introduce+'</div>'+ '<div class="industry">'+data[i].industry+'</div>'+ '</div>'+ '</div>'+ '<div class="two">'+ '<div class="ewm animated"><img src="'+data[i].qr_code+'"></div>'+ '<div class="industry animated details" data-id="'+data[i].id+'">查看</div>'+ '</div>'+ '</div>'; } } if(type==1){ $('.caseList .customer').append(result); }else{ $('.caseList .customized').append(result1); } /*隐藏more按钮*/ if (size > sum){ if(type==1){ $('.caseList .outline').eq(0).hide(); $(".caseList .no_more").eq(0).show(); }else{ $(".caseList .outline").eq(1).hide(); $(".caseList .no_more").eq(1).show(); } }else{ if(type==1){ $('.caseList .outline').eq(0).show(); $(".caseList .no_more").eq(0).hide(); }else{ $(".caseList .outline").eq(1).show(); $(".caseList .no_more").eq(1).hide(); } } } }) } jQuery("#fullSlide").slide({mainCell:".bd ul", effect:"fold", easing:"easeInQuad",autoPlay:true, delayTime:700}); $("body").on("mouseenter", ".caseList .item", function() { $(this).find('.one').hide(); $(this).addClass('on'); $(this).find('.two').show(); $(this).find('.two .ewm').addClass('bounceInDown'); $(this).find('.two .industry').addClass('lightSpeedIn'); }); $("body").on("mouseleave", ".caseList .item", function() { $(this).find('.one').show(); $(this).removeClass('on'); $(this).find('.two').hide(); $(this).find('.two .ewm').removeClass('bounceInDown'); $(this).find('.two .industry').removeClass('lightSpeedIn'); }); $('.nav .item').on('click',function () { var index = $(this).index(); $(this).addClass('on').siblings().removeClass('on'); $('.caseList').eq(index).show().siblings('.caseList').hide(); if(index==0){ var leg=$('.caseList .customer').children('div').length; var str=leg/pageSize; var r = /^[0-9]*[1-9][0-9]*$/;　　//正整数 var s=r.test(str); //str为你要判断的字符 执行返回结果 true 或 false console.log(s); if(!s){ $('.caseList .no_more').eq(index).show(); $('.caseList .outline').eq(index).hide(); }else{ $('.caseList .no_more').eq(index).hide(); $('.caseList .outline').eq(index).show(); } }else{ var leg=$('.caseList .customized').children('div').length; var str=leg/pageSize; var r = /^[0-9]*[1-9][0-9]*$/;　　//正整数 var s=r.test(str); //str为你要判断的字符 执行返回结果 true 或 false console.log(s); if(!s){ $('.caseList .no_more').eq(index).show(); $('.caseList .outline').eq(index).hide(); }else{ $('.caseList .no_more').eq(index).hide(); $('.caseList .outline').eq(index).show(); } } }); $('.uploadCase .uploadBnt').on('click',function () { $('.uploadCaseW').addClass('on'); $('.mask').show(); }); $('.uploadCaseW .title .iconfont').on('click',function () { $('.uploadCaseW').removeClass('on'); $('.mask').hide(); }) $('.pagination li').on('click',function (event) { $('.pagination li').find('a').attr('target','_self'); }); $("body").on('click',".details",function () { window.t = $(this); var _this = $(this),id =_this.data('id'); // window.location.href="/home/index/casedetails.html?id="+id; window.location.href= location.origin + '/home/index/caseDetails/id/' + id; }); layui.use('upload', function(){ var $ = layui.jquery ,upload = layui.upload; var uploadInst = upload.render({ elem: '#file' ,url: "/" ,method:'post' ,data: { file: function(){ return $('#file').val(); } } ,success: function(res){ if(res.code ==200){ var urls=res.data.url; $('.pictrue1').css('background-image','url('+urls+')'); $('#demo1').attr('src', res.data.url); $('.pictrue1').prepend('<div class="cover"></div><span class="iconfont icondelete-disabled"></span>'); }else{ return layer.msg('上传失败'); } } ,done: function(res){ if(res.code ==200){ var urls=res.data.url; $('.pictrue1').css('background-image','url('+urls+')'); $('#demo1').attr('src', res.data.url); $('.pictrue1').prepend('<div class="cover"></div><span class="iconfont icondelete-disabled"></span>'); return layer.msg('上传成功'); }else{ return layer.msg('上传失败'); } } }); var uploadInst = upload.render({ elem: '#file2' ,url: "/home/index/upload_image.html" ,method:'post' ,data: { file: function(){ return $('#file').val(); } } ,success: function(res){ if(res.code ==200){ var urls=res.data.url; $('.pictrue2').css('background-image','url('+urls+')'); $('#demo2').attr('src', res.data.url); $('.pictrue2').prepend('<div class="cover"></div><span class="iconfont icondelete-disabled"></span>'); }else{ return layer.msg('上传失败'); } } ,done: function(res){ if(res.code ==200){ var urls=res.data.url; $('.pictrue2').css('background-image','url('+urls+')'); $('#demo2').attr('src', res.data.url); $('.pictrue2').prepend('<div class="cover"></div><span class="iconfont icondelete-disabled"></span>'); return layer.msg('上传成功'); }else{ return layer.msg('上传失败'); } } }); }); $('.wrapper1').on('click',function () { window.open(experience_url); }); $('.submit').on('click',function () { var title=$("input[name='title']").val(); var introduce=$('#introduce').val(); var industry=$('#industry').val(); if(title==''){layer.msg('请添加标题');return false;} if(introduce==''){layer.msg('请添加简介');return false;} var src=$('#demo1').attr('src'); var psrc=$('#demo2').attr('src'); $.ajax({ url:"/home/index/customerupload.html", type:"POST", data:{title:title,introduce:introduce,industry:industry,qr_code:src,image:psrc}, datatype:"json", success:function (res) { if(res.code==1){ $('.uploadCaseW').removeClass('on'); $('.mask').hide(); layer.msg('发布成功，审核中！'); setTimeout(function(){ location.replace(location); },2000); }else{ $('.uploadCaseW').removeClass('on'); $('.mask').hide(); layer.msg('发布失败'); setTimeout(function(){ location.replace(location); },2000); } } }) }) }) </script> </body> </html>