dfgApi.git - Gitblit

			@@ -101,7 +101,7 @@
			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;
			@@ -241,7 +241,7 @@
			font-weight: 500;color: #fff;line-height: .65rem;text-align: center;
			}
			.list-container .card-block{
			padding-top: 15px;

			}
			.sys{
			width: 100%;
			@@ -278,11 +278,41 @@
			font-size: .35rem;
			color: #333;
			}
			.contscore
			{
			overflow:scroll;
			height: 80vh;
			}
			.box
			{
			position:absolute;
			width: 100%;
			height: 100%;
			background: url(https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5loading.gif) no-repeat fixed top;
			background-size: 70px 70px;
			}
			.list{
			position: relative;
			top: 0;
			width: 100%;
			}
			.reloadbg
			{
			display: flex;
			justify-content: center;
			height: 1.3rem;
			}
			</style>
			</head>

			<body style="padding-top:30px">

			<body>
			<div class="box">
			<!-- <div class="reloadbg">
			<image class="reloadbgimg" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5loading.gif"></image>
			</div>
			-->
			<div class="list">

			<img src="https://jpdy.ffquan.cn/static/header_bg.12963398.png" class="top-bg" alt="">

			<div class="list-container" id="fqList">
			@@ -310,7 +340,7 @@

			<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>
			@@ -401,11 +431,9 @@
			</div>
			</div>
			</div>



			</div>

			</div>
			</div>
			</body>

			<script>
			@@ -433,7 +461,7 @@
			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:[
			@@ -455,9 +483,16 @@
			}
			],
			platid:'tb',
			scrollTop: 0,
			canScroll: false,
			nowPage:1,
			loadData:false
			},
			onload(options){
			console.log(options);
			},
			onReachBottom(){
			console.log("到底了111");
			},
			methods:{
			getItemDetail:function(items)
			@@ -478,6 +513,86 @@
			_config.jumpGoodsUrl(res.data,_this.platid);
			})
			},
			touch:function()
			{
			const box = document.querySelector('.box')
			const list = document.querySelector('.list');
			// 按下屏幕的位置
			let touchStartPosition = 0

			// touchstart事件
			box.addEventListener('touchstart', function (e) {
			let touch = e.touches[0]
			touchStartPosition = touch.pageY
			})
			// touchmove事件
			box.addEventListener('touchmove', function (e) {

			let touch = e.touches[0]
			// 列表的top值等于列表相对于box的偏移量+滑动的距离
			let pySize= list.offsetTop + touch.pageY - touchStartPosition;
			if(pySize<0)
			{
			return;
			}
			var scroll = document.getElementsByClassName('contscore')
			var srollPos = $('.contscore').scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
			if(srollPos>0)
			{
			return;
			}
			list.style.top =pySize + 'px';
			// 实现平滑的滑动
			touchStartPosition = touch.pageY
			})
			// touchend事件
			box.addEventListener('touchend', function (e) {
			let top = list.offsetTop
			if (top > 70) {
			// 在此处调用刷新后的回调
			console.log('刷新');
			location.reload();
			}
			if(top<0)
			{
			list.style.top=0;
			}
			if (top > 0) {
			// 通过定时器平滑的将list的top = 0
			let timer = setInterval(() => {
			top=top-5;
			list.style.top = top + 'px'
			if (top <= 0) {
			list.style.top=0;
			clearInterval(timer)
			}
			},1)
			}
			})
			},
			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){
			switch(this.platid)
			@@ -552,7 +667,9 @@
			})
			},
			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;
			@@ -561,11 +678,13 @@
			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({
			@@ -684,11 +803,20 @@
			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 {
			@@ -769,6 +897,8 @@
			mounted:function(){
			this.getCateList();
			this.cateRender();
			this.scrollLoad();
			this.touch();
			// this.getDateNow();
			//this.getGoodsList();
			// this.getNowTime();