From a68df46561ea9f551576849591afa9ae0caf90a7 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期四, 13 七月 2023 15:50:28 +0800
Subject: [PATCH] no message
---
public/html/freebuy.html | 180 +++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 154 insertions(+), 26 deletions(-)
diff --git a/public/html/freebuy.html b/public/html/freebuy.html
index ab3ccf3..aa4d536 100644
--- a/public/html/freebuy.html
+++ b/public/html/freebuy.html
@@ -52,12 +52,14 @@
.act_header{
z-index: 200; width: 100%; background: no-repeat top; background-size: 100% auto;
display: flex; align-items: center; justify-content: space-between;
- background: linear-gradient(90deg, #fbe7e2 0%, #fbe7e2 100%) 0% 0% / 100%;
+ background: linear-gradient(#FF451F, #fbe7e2);
color: #fff;
max-width: 800px;
}
.act_header .centent{
text-align: center;
+
+ padding-top: 0.6rem;
}
.act_header .centent img{
width:100%;
@@ -281,18 +283,44 @@
.sort-list>li span i.arrow-active {
border-color: #f2f2f2 transparent transparent
}
+.appback
+{
+ height: 0.5rem;
+ position: absolute;
+ top: 0.5rem;
+ left: 0.4rem;
+}
+.appback-img
+{
+ height: 100%;
+}
+.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%;
+ }
</style>
</head>
<body style="background: #fbe7e2;">
-
+ <div class="box">
+ <div class="list">
+ <div id="appMain" >
+ <div class="appback">
+ <image v-on:click="topBack()" class="appback-img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5return_backIcon.png"></image>
+ </div>
<header class="act_header">
<div></div>
<div class="centent"><img src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/xinrengoubanner.png" alt=""></div>
-
</header>
- <div id="appMain" >
-
<div class="sort">
<ul class="sort-list">
<li v-for="item in fristOrderSort" v-bind:class="{'sort-active': item.number == sortNumber}"
@@ -343,6 +371,8 @@
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
+</div>
+ </div>
</div>
</body>
@@ -410,10 +440,99 @@
//posturl:"http://dfgapp.ushopvip.com"
},
methods: {
+ topBack:function()
+ {
+ uni.postMessage({
+ data: {
+ action: 'back'
+ }
+ });
+ },
+ 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>=110)
+ {
+ return;
+ }
+ 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)
+ }
+ })
+ },
+ Infoformat: function(info){
+ info = info.replace(/\%/g,"%25")
+ info = info.replace(/\#/g,"%23")
+ info = info.replace(/\&/g,"%26")
+ info = info.replace(/\?/g,"%3F")
+ return info;
+ },
targetItem:function(item){
- uni.navigateTo({
- url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy'
- });
+ switch(this.plat)
+ {
+ case "tb":
+ uni.navigateTo({
+ url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy'
+ });
+ break;
+ case "dy":
+ case "jd":
+ var itemsStr=this.Infoformat(JSON.stringify(item));
+ uni.navigateTo({
+ url: '/pages/goods/goodsDetail?sourcefrom=freebuy&info=' + itemsStr+'&frompage=freebuy'
+ });
+ break;
+ }
+
/* if(this.isUniReady)
{
uni.postMessage({
@@ -425,23 +544,13 @@
} */
},
handleSort: function(item) {
- if(this.sortNumber == item.number) {
- if(item.min === item.max) {
- return;
- }
- if(item.bool) {
- this.sortId = item.min;
- item.bool = false;
- } else {
- this.sortId = item.max;
- item.bool = true;
- }
- } else {
- item.bool = true;
+ if(this.sortNumber != item.number) {
+ this.loading=true;
+ this.lists=[];
+ this.getgoodsSwitch(item.number);
this.sortNumber = item.number;
- this.sortId = item.max;
+ this.plat=item.number;
}
- this.getgoodsSwitch(item.number);
},
getUrlPar:function(name)
{
@@ -449,6 +558,23 @@
var r=window.location.search.substr(1).match(reg);
if(r !=null)return unescape(r[2]);
return null;
+ },
+ //鑾峰彇浜笢鍟嗗搧
+ getJdGoodsList:function(){
+ var _this=this;
+ $.ajax({
+ headers:{
+ "token":_this.getUrlPar("token")
+ },
+ url:_this.posturl+'/api/taoke/get_first_free_jd_goods',
+ type:"post",
+ dataType:"json",
+ data:{
+ }
+ }).done(function(res){
+ _this.lists=[].concat([],res.data.list);
+ _this.loading = false;
+ })
},
//鑾峰彇鎶栭煶鍟嗗搧
getDyGoodsList:function(){
@@ -461,8 +587,6 @@
type:"post",
dataType:"json",
data:{
- page: 1,
- pageSize:40,
}
}).done(function(res){
_this.lists=[].concat([],res.data.list);
@@ -493,11 +617,14 @@
{
switch(plat)
{
- case "tb":
+ case "tb":
this.getTbGoodsList();
break;
case "dy":
this.getDyGoodsList();
+ break;
+ case"jd":
+ this.getJdGoodsList();
break;
}
},
@@ -542,6 +669,7 @@
mounted: function () {
this.getIsSd();
var that=this;
+ this.touch();
document.addEventListener('UniAppJSBridgeReady', function() {
that.isUniReady=true;
});
--
Gitblit v1.9.3