From 218ebcd2b3a4a4eb15250b5a15bed9bfbcfca3ca Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期二, 18 七月 2023 14:57:08 +0800
Subject: [PATCH] no message
---
public/html/activity/invite2308.html | 102 +++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 99 insertions(+), 3 deletions(-)
diff --git a/public/html/activity/invite2308.html b/public/html/activity/invite2308.html
index a8eba9e..be81183 100644
--- a/public/html/activity/invite2308.html
+++ b/public/html/activity/invite2308.html
@@ -144,7 +144,7 @@
position: absolute;
font-size: 0.25rem;
border-radius: 0.2rem;
- top: 0.4rem;
+ top: 0.65rem;
right: 0.4rem;
width: 1.3rem;
text-align: center;
@@ -174,13 +174,37 @@
font-size: .35rem;
color: #fff;
}
+ .appback-img
+{
+ position: absolute;
+ top: 0.6rem;
+ z-index: 999;
+ width: 0.6rem;
+ left: 0.3rem;
+}
+
+.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: #f5f5f9; margin: 0px;font-size: 0;">
-
+ <div class="box">
+ <div class="list">
<div id="inviteact">
<div v-if="loading" class="loading">{{loadingTxt}}</div>
+ <image v-on:click="topBack()" class="appback-img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5return_backIcon.png"></image>
<div class="act_po">
<div class="gzbtn" v-on:click="showgz()">娲诲姩瑙勫垯</div>
<image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_01.png"></image>
@@ -266,6 +290,8 @@
<image style="width: 70%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/invite_btn.png"></image>
</div>
</div>
+ </div>
+ </div>
</body>
</html>
@@ -301,6 +327,14 @@
ranklist:[]
},
methods:{
+ topBack:function()
+ {
+ uni.postMessage({
+ data: {
+ action: 'back'
+ }
+ });
+ },
closegz:function()
{
this.showType=false;
@@ -427,10 +461,72 @@
}
})
- }
+ },
+ 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)
+ }
+ })
+ },
},
mounted:function(){
this.getActivity();
+ this.touch();
}
})
</script>
\ No newline at end of file
--
Gitblit v1.9.3