peko-h5/view/peko/activity/act-2023-qx/js/index.js

let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
    new VConsole();
}
// 封裝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 () {
    setTimeout(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)
                }
            })
            swiperFun();
        }, 100)
    })
})
// 接口 
function get () {
    showLoading()
    networkRequest({
        type: 'GET',
        url: urlPrefix + '/seekElfin/product/list',
        data: {},
        success (res) {
            if (res.code === 200) {

            } else {
                toastMsg(res.message)
            }
            hideLoading(layerIndex)
        },
        error (err) {
            hideLoading(layerIndex)
            toastMsg('網絡錯誤，請退出重進')
        }
    })
}
// 播放svg
function svgaFun () {
    player1 = new SVGA.Player('.star_in');
    parser1 = new SVGA.Parser('.star_in');
    parser1.load('./images/star.svga', function (videoItem) {
        player1.loops = 1;
        player1.clearsAfterStop = false;
        player1.setVideoItem(videoItem);
        player1.startAnimation();
        player1.setContentMode('AspectFill')
        player1.onFinished(() => {
        })
    })
}
// 定情信物礼物轮播
function swiperFun () {
    var mySwiper = new Swiper('.swiper', {
        direction: "vertical",
        loop: true,
        autoplay: {
            delay: 2000,//3秒切换一次
            disableOnInteraction: false
        }
    })
}
// 总tab切换
$('.tabs div').click(function () {
    var i = $(this).index() + 1;
    $('.tabs').removeClass('tab1').removeClass('tab2').removeClass('tab3').removeClass('tab4');
    $('.tabs').addClass(`tab${i}`);
    $('.page1').hide();
    $('.page2').hide();
    $('.page3').hide();
    $('.page4').hide();
    $(`.page${i}`).show();
})
// 首页任务切换
$('.page1 .task .tab div').click(function () {
    var i = $(this).index() + 1;
    if (i == 1) {
        $('.page1 .task').removeClass('tasks2');
    } else {
        $('.page1 .task').addClass('tasks2');
    }
})
// 打开活动规则
$('.header .rule').click(function () {
    bodyScroolFun(true);
    $('.rule_pub').show();
})
// 关闭活动规则
$('.rule_pub').click(function () {
    bodyScroolFun(false);
    $('.rule_pub').hide();
})
// 打开房间榜活动规则
$('.page3 .rule').click(function () {
    bodyScroolFun(true);
    $('.page3 .roomRule').show();
})
// 关闭房间榜活动规则
$('.roomRule').click(function () {
    bodyScroolFun(false);
    $('.roomRule').hide();
})
// 打开房间榜活动规则
$('.page4 .rule').click(function () {
    bodyScroolFun(true);
    $('.page4 .sweet').show();
})
// 关闭房间榜活动规则
$('.sweet').click(function () {
    bodyScroolFun(false);
    $('.sweet').hide();
})
// 祈愿树tab切换
$('.page2 .blessingTreeBoomt .tab div').click(function () {
    var i = $(this).index() + 1;
    if (i == 1) {
        $('.page2 .blessingTreeBoomt').removeClass('blessingTreeBoomt2')
    } else {
        $('.page2 .blessingTreeBoomt').addClass('blessingTreeBoomt2')
    }
})
// 七夕榜单tab切换
$('.page4 .page4Tab div').click(function () {
    var i = $(this).index() + 1;
    if (i == 1) {
        $('.page4 .page4Tab').removeClass('page4Tab2');
    } else {
        $('.page4 .page4Tab').addClass('page4Tab2');
    }
})
// 七夕榜单日榜总榜切换
$('.page4 .dayAll div').click(function () {
    var i = $(this).index() + 1;
    if (i == 1) {
        $('.page4 .dayAll').removeClass('dayAll2');
    } else {
        $('.page4 .dayAll').addClass('dayAll2');
    }
})
// 日榜切换日期
$('.page4 .timeList div').click(function () {
    var i = $(this).index() + 1;
    $(this).addClass('active').siblings().removeClass('active');
})
// 关闭活动结束按钮
$('.endActivity .endActivity_in .but').click(function () {
    $('.endActivity').hide();
    bodyScroolFun(false);
})