| | |
| | | appKey: 'bkuibk',//此处替换成用户appKey |
| | | jumpGoodsUrl: function (items,sourceType) { //默认直接转链 |
| | | var url=''; |
| | | if(sourceType=="jd") |
| | | if(sourceType=="jd"||sourceType=="pdd"||sourceType=="dy") |
| | | { |
| | | var itemsStr=Infoformat(JSON.stringify(items)); |
| | | url='/pages/goods/goodsDetail?sourcefrom=fqb&info=' + encodeURIComponent(itemsStr) |
| | |
| | | height: .4rem;background: rgba(255,129,70,.9);border-radius: .2rem;display: table;margin: .3rem auto;padding: 0 .2rem;font-size: .22rem;color: #fff;line-height: .4rem; |
| | | } |
| | | .list-container .topThree{ |
| | | display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center; |
| | | display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center; margin-top: .3rem; |
| | | } |
| | | .list-container .topThree>div { |
| | | width: 2.2rem;height: 3.4rem;background: #fff;border-radius: .14rem;padding: .1rem;position: relative; |
| | |
| | | font-weight: 500;color: #fff;line-height: .65rem;text-align: center; |
| | | } |
| | | .list-container .card-block{ |
| | | padding-top: 15px; |
| | | |
| | | } |
| | | .sys{ |
| | | width: 100%; |
| | |
| | | font-size: .35rem; |
| | | color: #333; |
| | | } |
| | | .contscore |
| | | { |
| | | overflow:scroll; |
| | | height: 80vh; |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | |
| | | |
| | | <div class="swiper-container card-block"> |
| | | <div class="swiper-wrapper"> |
| | | <div class="swiper-slide swiper-no-swiping"> |
| | | <div class="swiper-slide swiper-no-swiping contscore"> |
| | | <div class="topThree"> |
| | | <div v-for="(item,index) in goodsList" :key = "index" v-if="index==1" @click="handleCdetailFavorite(item)"> |
| | | <a> |
| | |
| | | ss:0, |
| | | cid:0, |
| | | type:1, |
| | | //posturl:'http://dfg.shop.com', |
| | | // posturl:'http://dfg.shop.com', |
| | | // posturl:'http://dfgapp.ushopvip.com', |
| | | posturl:'http://appapitest.ushopvip.com', |
| | | platlist:[ |
| | |
| | | } |
| | | ], |
| | | platid:'tb', |
| | | scrollTop: 0, |
| | | canScroll: false, |
| | | nowPage:1, |
| | | loadData:false |
| | | }, |
| | | onload(options){ |
| | | console.log(options); |
| | | }, |
| | | onReachBottom(){ |
| | | console.log("到底了111"); |
| | | }, |
| | | methods:{ |
| | | getItemDetail:function(items) |
| | |
| | | _config.jumpGoodsUrl(res.data,_this.platid); |
| | | }) |
| | | }, |
| | | scrollLoad: function() { |
| | | // |
| | | var _this = this; |
| | | var range = 800; //距下边界长度/单位px |
| | | var totalheight = 0; |
| | | $('.contscore').scroll(function() { |
| | | var scroll = document.getElementsByClassName('contscore') |
| | | var srollPos = $('.contscore').scrollTop(); //滚动条距顶部距离(页面超出窗口的高度) |
| | | totalheight = parseFloat($('.contscore').height()) + parseFloat(srollPos); |
| | | _this.scrollTop = srollPos |
| | | var scrollH = scroll[0].scrollHeight |
| | | // debugger |
| | | // console.log('scrollH - range',scrollH - range,'srollPos',srollPos) |
| | | if (scrollH - range <= srollPos) { |
| | | if (_this.canScroll&&_this.platid!='tb') { |
| | | _this.canScroll = false; |
| | | _this.loadData = true; |
| | | _this.nowPage++; |
| | | _this.getGoodsList(_this.cid); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | handleCdetailFavorite: function (items) { |
| | | if(_config.jumpGoodsUrl){ |
| | | |
| | | if(this.platid!="tb") |
| | | switch(this.platid) |
| | | { |
| | | this.getItemDetail(items); |
| | | case "tb": |
| | | case "pdd": |
| | | case "dy": |
| | | _config.jumpGoodsUrl(items,this.platid); |
| | | break; |
| | | case "jd": |
| | | this.getItemDetail(items); |
| | | break; |
| | | } |
| | | else{ |
| | | _config.jumpGoodsUrl(items,this.platid); |
| | | } |
| | | |
| | | } |
| | | return; |
| | | var params = { |
| | |
| | | }) |
| | | }, |
| | | chooseCate:function(index,cid,type){//选择分类 |
| | | mySwiper.slideTo(index-2, 1000, false) |
| | | mySwiper.slideTo(index-2, 1000, false); |
| | | this.nowPage=1; |
| | | this.goodsList=[]; |
| | | this.actIndex = index; |
| | | this.getGoodsList(cid,type) |
| | | this.cid = cid; |
| | |
| | | choosePlat:function(index,id) |
| | | {//选择平台 |
| | | this.platid = id; |
| | | this.goodsList=[]; |
| | | this.getCateList(); |
| | | }, |
| | | getCateList:function(){//获取分类列表 |
| | | var _this = this; |
| | | //_this.loading=true; |
| | | this.nowPage=1; |
| | | if(this.platid=='tb') |
| | | { |
| | | $.ajax({ |
| | |
| | | cid:cid, |
| | | type:type, |
| | | app_key: _config.appKey, |
| | | mainid:_this.nowPage |
| | | } |
| | | }).done(function(res){ |
| | | _this.loading=false; |
| | | if(res.code == 0){ |
| | | _this.goodsList =_this.platid=='tb'? res.data.data.data:res.data; |
| | | var resdata=_this.platid=='tb'? res.data.data.data:res.data; |
| | | _this.goodsList=_this.goodsList.concat(resdata); |
| | | if(resdata&&resdata.length>0) |
| | | { |
| | | _this.canScroll=true; |
| | | } |
| | | else{ |
| | | _this.canScroll=false; |
| | | } |
| | | // _this.sys = (res.data.data && res.data.data.sys) ? res.data.data.sys : null; |
| | | } |
| | | else { |
| | |
| | | mounted:function(){ |
| | | this.getCateList(); |
| | | this.cateRender(); |
| | | this.scrollLoad(); |
| | | // this.getDateNow(); |
| | | //this.getGoodsList(); |
| | | // this.getNowTime(); |