完成宝箱活动

2023-12-13 16:32:24 +08:00
parent a46a0c122f
commit 53999d54a7
25 changed files with 1044 additions and 0 deletions
--- a/view/peko/modules/boxActivity/js/index.js
+++ b/view/peko/modules/boxActivity/js/index.js
@@ -0,0 +1,123 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+var boxId = [];
+if (env == 'test') {
+    boxId = [2167, 2166, 2165];
+    new VConsole();
+} else {
+    boxId = [2210, 2211, 2212];
+}
+var giftId = boxId[0];
+var page = 1;
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}// 初始化函數
+$(function () {
+    getInfoFromClient()
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        getRank();
+    }, 100)
+})
+// 榜单接口
+function getRank () {
+    $('.page2 .div').remove();
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/luckybag/getRank',
+        data: { giftId },
+        success (res) {
+            if (res.code === 200) {
+                var str = '';
+                res.data.forEach(res => {
+                    str += `
+                    <div class="div">
+                        <div class="leftUser">
+                            <img src="${res.sendAvatar}" alt="" class="tx">
+                            <p>${res.sendNick}</p>
+                        </div>
+                        <div class="inFo">
+                            <p>贈送 <b>${res.luckyBagName}*${res.luckyBagNum}</b> 給</p>
+                            <span>獲得 <b>${res.giftName}*${res.giftNum}</b></span>
+                        </div>
+                        <div class="rigtUser">
+                            <img src="${res.receiveAvatar}" alt="" class="tx">
+                            <p>${res.receiveNick}</p>
+                        </div>
+                        <img src="${res.giftUrl}" alt="" class="gift">
+                    </div>
+                    `
+                });
+                $('.page2').append(str);
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 页面切换
+$('.tab div').click(function () {
+    var i = $(this).index() + 1;
+    page = i;
+    $(this).addClass('atc').siblings().removeClass('atc');
+    $('.page1').hide();
+    $('.page2').hide();
+    $(`.page${i}`).show();
+    if (i == 2) {
+        getRank();
+    }
+})
+// 宝箱切换
+$('.boxTab .box').click(function () {
+    var i = $(this).index();
+    giftId = boxId[i];
+    $('.boxTab .box').removeClass('act1').removeClass('act2').removeClass('act3');
+    $(this).addClass(`act${i + 1}`);
+    if (page == 1) {
+        $('.page1 .boxList').removeClass('boxList1').removeClass('boxList2').removeClass('boxList3').addClass(`boxList${i + 1}`);
+        $('.page1 .boxList').attr('src', `./images/boxList${i + 1}.png`);
+    } else {
+        getRank();
+    }
+})