From a66073e2a5c7c424d8bebc09066395d69621d5e2 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 19 七月 2023 10:13:56 +0800
Subject: [PATCH] no message
---
public/html/activity/invite2308.html | 172 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 165 insertions(+), 7 deletions(-)
diff --git a/public/html/activity/invite2308.html b/public/html/activity/invite2308.html
index a8eba9e..26d272c 100644
--- a/public/html/activity/invite2308.html
+++ b/public/html/activity/invite2308.html
@@ -7,6 +7,7 @@
<meta content="yes" name="apple-mobile-web-app-capable"><meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
+ <script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="https://public.ffquan.cn/lib/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://public.ffquan.cn/lib/vue-lazyload.js"></script>
<script type="text/javascript" src="https://public.ffquan.cn/lib/swiper/js/swiper.min.js"></script>
@@ -144,7 +145,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 +175,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>
@@ -232,6 +257,7 @@
</p>
<p>2銆佹椿鍔ㄥ鍔变細鍦ㄧ粨绠楀悗鐩存帴鍙戞斁鍒扮敤鎴枫�愭垜鐨勩��-銆愪綑棰濄�戜腑</p>
<p>3銆佹湁鏁堢矇涓濆畾涔夛細鎸囨椿鍔ㄦ湡闂达紝鎶ュ悕璇ユ椿鍔ㄥ悗閭�璇锋敞鍐屽苟濉啓鎮ㄩ個璇风爜鐨勭敤鎴�</p>
+ <!-- <p class="share" v-on:click="copyBtn('.share')">閭�璇峰ソ鍙�</p> -->
</div>
</div>
@@ -265,11 +291,16 @@
<div v-if="isShowcj" class="btngo" v-on:click="joinAct()">
<image style="width: 70%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/invite_btn.png"></image>
</div>
+ <div v-else class="btngo share" v-on:click="copyBtn('.share')">
+ <image style="width: 70%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/invit_pic.png"></image>
+ </div>
+ </div>
+ </div>
</div>
</body>
</html>
-<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
+
<script>
(function () {
@@ -298,9 +329,18 @@
showType:false,
isShowcj:false,
joinInfo:{},
- ranklist:[]
+ ranklist:[],
+ inviteUrl:'',
},
methods:{
+ topBack:function()
+ {
+ uni.postMessage({
+ data: {
+ action: 'back'
+ }
+ });
+ },
closegz:function()
{
this.showType=false;
@@ -385,6 +425,8 @@
joinAct:function()
{
var _this = this;
+ _this.loadingTxt="鍔犺浇涓�...";
+ _this.loading=true;
$.ajax({
headers:{
"token":_this.getUrlPar("token")
@@ -396,15 +438,38 @@
actid:_this.activityid
}
}).done(function(res){
+ _this.loading=false;
if(res.code==0)
{
- alert("鍙傚姞鎴愬姛锛�");
+ _this.msgFun("娲诲姩鍙傚姞鎴愬姛锛�");
+ _this.isShowcj=false;
_this.getActMember();
}
else
{
- alert("娲诲姩鍙傚姞澶辫触锛岃鑱旂郴瀹㈡湇");
+ _this.msgFun("娲诲姩鍙傚姞澶辫触锛岃鑱旂郴瀹㈡湇");
}
+ })
+ },
+ getInviteCode()
+ {//鑾峰彇閭�璇风爜
+ var _this = this;
+ $.ajax({
+ headers:{
+ "token":_this.getUrlPar("token")
+ },
+ url:_this.posturl+'/api/Activity/getInviteUrl',
+ type:"post",
+ dataType:"json",
+ data:{
+
+ }
+ }).done(function(res){
+ if(res.code==0)
+ {
+ _this.inviteUrl='http://dfgapp.ushopvip.com/index/user/register?code='+res.data;
+ }
+
})
},
getPaiHang:function()
@@ -427,10 +492,103 @@
}
})
- }
+ },
+ 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) {
+ // 鍦ㄦ澶勮皟鐢ㄥ埛鏂板悗鐨勫洖璋�
+
+ 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)
+ }
+ })
+ },
+ copyBtn: function(dom) { //澶嶅埗鍏叡鏂规硶
+ var that = this;
+ var clipboard = new ClipboardJS(dom, {
+ text: function(target) {
+ return that.inviteUrl;
+ }
+ });
+ clipboard.on("success", function(e) {
+ layer.closeAll();
+ that.msgFun("閭�璇烽摼鎺ュ凡澶嶅埗~蹇幓鍒嗕韩缁欏ソ鍙嬪惂锛�");
+ e.clearSelection();
+ clipboard.destroy();
+ });
+ clipboard.on("error", function(e) {
+ layer.msg("閭�璇烽摼鎺ュ鍒跺け璐ワ紒璇峰埌APP涓� [鎴戠殑]-[瀹炵敤鍔熻兘]-[鍒嗕韩app] 澶嶅埗", {
+ shade: 0.4,
+ time: 1000,
+ shadeClose: false
+ }, function() {
+ });
+
+ });
+ },
+ msgFun: function(val) {
+ layer.msg(val, {
+ time: 2000,
+ shade: 0.1,
+ shadeClose: true
+ });
+ },
},
mounted:function(){
this.getActivity();
+ this.getInviteCode();
+ this.touch();
}
})
</script>
\ No newline at end of file
--
Gitblit v1.9.3