优化官网
This commit is contained in:
Dragon
@@ -0,0 +1,201 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
// 封装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'
|
||||
})
|
||||
}
|
||||
var ios;
|
||||
var and;
|
||||
var url;
|
||||
var androidSkipType;
|
||||
var iosSkipType;
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
getConfig();
|
||||
})
|
||||
// 获取配置接口
|
||||
function getConfig () {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/official/config',
|
||||
success (res) {
|
||||
// 处理联系方式
|
||||
$(`.contactUs_pub .contactUs_pub_in ul .li1 span`).html(`<b>Wehchat:</b> ${res.data.contact0}`);
|
||||
$(`.contactUs_pub .contactUs_pub_in ul .li2 span`).html(`<b>Line:</b> ${res.data.contact1}`);
|
||||
$(`.contactUs_pub .contactUs_pub_in ul .li3 span`).html(`<b>Email:</b> ${res.data.contact2}`);
|
||||
// 赋值下载
|
||||
and = res.data.androidUrl;
|
||||
ios = res.data.iosUrl;
|
||||
androidSkipType = res.data.androidSkipType;
|
||||
iosSkipType = res.data.iosSkipType;
|
||||
console.log(browser);
|
||||
if (browser.ios) {
|
||||
url = ios;
|
||||
} else if (browser.android) {
|
||||
url = and;
|
||||
}
|
||||
console.log(and, ios);
|
||||
// if (androidSkipType == 0) {
|
||||
// }
|
||||
|
||||
hideLoading(layerIndex)
|
||||
animatedImplementFun(0);
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
})
|
||||
}
|
||||
// 监听滑动事件
|
||||
let startY
|
||||
var length = $('.h5 .pages').length - 1;//
|
||||
var index = 0;
|
||||
var touchLength = 100;
|
||||
$('body .h5').on('touchstart', function (e) {
|
||||
startY = e.touches[0].pageY
|
||||
})
|
||||
$('body .h5').on('touchend', function (e) {
|
||||
let endY = e.originalEvent.changedTouches[0].pageY
|
||||
// 上滑
|
||||
if (startY - endY >= 50) {
|
||||
if (index > length - 1) {
|
||||
return;
|
||||
} else {
|
||||
index = index + 1;
|
||||
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
|
||||
console.log('上滑');
|
||||
animatedImplementFun(index);
|
||||
}
|
||||
}
|
||||
//下滑
|
||||
else if (endY - startY >= 50) {
|
||||
if (index > 0) {
|
||||
index = index - 1;
|
||||
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
|
||||
console.log('下滑');
|
||||
animatedImplementFun(index);
|
||||
}
|
||||
}
|
||||
})
|
||||
// 动画调用
|
||||
function animatedImplementFun (index) {
|
||||
if (index == 0) {
|
||||
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInUp',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page1 .h5Ios`), ['animate__fadeInLeft',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page1 .h5And`), ['animate__fadeInRight',]);
|
||||
} else if (index == 1) {
|
||||
animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page2 .pagetx1`), ['animate__heartBeat',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page2 .pagetx2`), ['animate__heartBeat',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page2 .downioad`), ['animate__wobble',]);
|
||||
} else if (index == 2) {
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .pageText3`), ['animate__rubberBand',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon1`), ['animate__lightSpeedInRight',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon2`), ['animate__lightSpeedInLeft',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon3`), ['animate__lightSpeedInRight',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon4`), ['animate__lightSpeedInLeft',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page3 .downioad`), ['animate__slideInUp',]);
|
||||
|
||||
} else if (index == 3) {
|
||||
animatedFun($(`body .h5 .pagesBox .page4 .pageText4 `), ['animate__rubberBand',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page4 .page4Icon1 `), ['animate__lightSpeedInLeft',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page4 .page4Icon2 `), ['animate__lightSpeedInRight',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page4 .downioad `), ['animate__slideInUp',]);
|
||||
} else if (index == 4) {
|
||||
animatedFun($(`body .h5 .pagesBox .page5 .pageTxte5 `), ['animate__jackInTheBox',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page5 .contactUs `), ['animate__flipInY',]);
|
||||
animatedFun($(`body .h5 .pagesBox .page5 .downioad `), ['animate__slideInUp',]);
|
||||
}
|
||||
}
|
||||
// 处理动画
|
||||
function animatedFun (dom, arrClass) {
|
||||
// 获取元素
|
||||
const element = dom;
|
||||
// 添加动画
|
||||
element.addClass(...arrClass);
|
||||
// 监听动画结束
|
||||
element[0].addEventListener('animationend', () => {
|
||||
element.removeClass(...arrClass);
|
||||
});
|
||||
}
|
||||
// pc跳转充值
|
||||
$('body .pc .header .diamound, html .pc .header .diamound').click(function () {
|
||||
window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
|
||||
})
|
||||
// PC苹果下载按钮
|
||||
$('body .pc .pcIos, html .pc .pcIos').click(function () {
|
||||
window.location.href = ios;
|
||||
})
|
||||
// PC安卓下载按钮
|
||||
$('body .pc .pcIos, html .pc .pcAnd').click(function () {
|
||||
window.location.href = and;
|
||||
})
|
||||
// h5跳转充值
|
||||
$('body .header .diamound, html .header .diamound').click(function () {
|
||||
window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
|
||||
})
|
||||
// h5展开菜单
|
||||
$('body .header .more, html .header .more').click(function () {
|
||||
$('.menu').css("height", "100%");
|
||||
})
|
||||
// h5收起菜单
|
||||
$('body .h5 .menu .top .close, html .h5 .menu .top .close').click(function () {
|
||||
$('.menu').css("height", "0%");
|
||||
})
|
||||
// 菜单选项按钮
|
||||
$('body .h5 .menu ul li, html .h5 .menu ul li').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
if (i == 1) {
|
||||
$('.menu').css("height", "0%");
|
||||
$('.pagesBox').css("transform", `translateY(-${0}%)`);
|
||||
} else if (i == 2) {
|
||||
window.location.href = 'https://api.pekolive.com/peko/modules/h5Income/login.html'
|
||||
} else {
|
||||
$('.menu').css("height", "0%");
|
||||
$('.contactUs_pub').show();
|
||||
}
|
||||
})
|
||||
// 关闭联系我们弹窗
|
||||
$('body .contactUs_pub .contactUs_pub_in .sClose').click(function () {
|
||||
$('.contactUs_pub').hide();
|
||||
})
|
||||
// 打开联系我们弹窗
|
||||
$('.page5 .contactUs').click(function () {
|
||||
$('.contactUs_pub').show();
|
||||
})
|
||||
// h5首页安卓下载
|
||||
$('body .h5 .pagesBox .page1 .h5And').click(function () {
|
||||
window.location.href = and;
|
||||
})
|
||||
// h5首页苹果下载
|
||||
$('body .h5 .pagesBox .page1 .h5Ios').click(function () {
|
||||
window.location.href = ios;
|
||||
})
|
||||
// h5自动识别普通下载
|
||||
$('body .h5 .pagesBox .pages .downioad').click(function () {
|
||||
if (browser.ios) {
|
||||
window.location.href = ios;
|
||||
} else if (browser.android) {
|
||||
window.location.href = and;
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user