From db014bcac6c34354986405e1fda013d472f5fc47 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 28 六月 2023 11:56:26 +0800
Subject: [PATCH] no message
---
public/html/fengqiangbang.html | 154 +++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 142 insertions(+), 12 deletions(-)
diff --git a/public/html/fengqiangbang.html b/public/html/fengqiangbang.html
index ed32a92..45d05d9 100644
--- a/public/html/fengqiangbang.html
+++ b/public/html/fengqiangbang.html
@@ -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]
+ // 鍒楄〃鐨則op鍊肩瓑浜庡垪琛ㄧ浉瀵逛簬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) {
+ // 閫氳繃瀹氭椂鍣ㄥ钩婊戠殑灏唋ist鐨則op = 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();
--
Gitblit v1.9.3