moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复一直加载中问题

Browse Source
This commit is contained in:
Dragon
2024-01-23 15:15:42 +08:00
parent c18cd57b9e
commit 195c550ef1
2 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
view/peko/home/index.html
View File

@@ -65,7 +65,7 @@
<div class="pages page1 animate__animated">
<img src="./images/pageTxte1.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
<!-- <img src="./images/h5And.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
<img src="./images/downioad.png" alt="" class="downioad animate__animated animate__slow__1.8s">
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
<img src="./images/down.png" alt="" class="down">
</div>
@@ -74,7 +74,7 @@
<img src="./images/pageText2.png" alt="" class="pageText2 animate__animated animate__slow__2s">
<img src="./images/page2.png" alt="" class="page2_in">
<img src="./images/pagetx1.png" alt="" class="pagetx1 animate__animated animate__slow__2s">
<img src="./images/pagetx2.png" alt="" class="pagetx2 animate__animated animate__slow__2s">
<img src="./images/pagetx2.png" alt="" class="pagetx2 animate__animated animate__delay-1s ">
<img src="./images/downioad.png" alt="" class="downioad animate__animated animate__slow__2s">
<img src="./images/down.png" alt="" class="down">
</div>

53
view/peko/home/js/index.js
View File

@@ -52,7 +52,8 @@ function getConfig () {
ios = res.data.iosUrl;
androidSkipType = res.data.androidSkipType;
iosSkipType = res.data.iosSkipType;
console.log(browser);
// console.log(browser);
$('body .h5 .pagesBox .pages .downioad').show();
if (browser.ios) {
url = ios;
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5Ios.png');
@@ -60,7 +61,7 @@ function getConfig () {
url = and;
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5And.png');
}
$('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
hideLoading(layerIndex)
animatedImplementFun(0);
},
@@ -71,7 +72,7 @@ function getConfig () {
}
// 点击记录接口
function officialClick (downloadType) {
showLoading();
// showLoading();
networkRequest({
type: 'GET',
url: urlPrefix + '/official/click',
@@ -115,30 +116,30 @@ $('body .h5').on('touchend', function (e) {
// 動畫調用
function animatedImplementFun (index) {
if (index == 0) {
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInUp',]);
animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__fadeInUp',]);
// animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
} 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',]);
// animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
animatedFun($(`body .h5 .pagesBox .page2 .pagetx1`), ['animate__shakeX',]);
animatedFun($(`body .h5 .pagesBox .page2 .pagetx2`), ['animate__shakeX',]);
// 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 .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',]);
// 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 .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',]);
// 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',]);
// animatedFun($(`body .h5 .pagesBox .page5 .pageTxte5 `), ['animate__jackInTheBox',]);
// animatedFun($(`body .h5 .pagesBox .page5 .contactUs `), ['animate__flipInY',]);
// animatedFun($(`body .h5 .pagesBox .page5 .downioad `), ['animate__slideInUp',]);
}
}
// 處理動畫
@@ -154,13 +155,13 @@ function animatedFun (dom, 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'
window.location = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
})
// PC蘋果下載按鈕
$('html .pc .pcIos').click(function () {
if (ios) {
officialClick(iosSkipType);
window.location.href = ios;
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
@@ -169,14 +170,14 @@ $('html .pc .pcIos').click(function () {
$('html .pc .pcAnd').click(function () {
if (and) {
officialClick(androidSkipType);
window.location.href = and;
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// h5跳轉充值
$('body .header .diamound, html .header .diamound').click(function () {
window.location.href = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
window.location = 'https://api.pekolive.com/peko/modules/pay/index.html?channelType=4'
})
// h5展開菜單
$('body .header .more, html .header .more').click(function () {
@@ -194,7 +195,7 @@ $('body .h5 .menu ul li, html .h5 .menu ul li').click(function () {
$('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0;
} else if (i == 2) {
window.location.href = 'https://api.pekolive.com/peko/modules/h5Income/login.html'
window.location = 'https://api.pekolive.com/peko/modules/h5Income/login.html'
} else {
$('.menu').css("height", "0%");
$('.contactUs_pub').show();
@@ -212,7 +213,7 @@ $('.page5 .contactUs').click(function () {
$('body .h5 .pagesBox .page1 .h5And').click(function () {
if (and) {
officialClick(androidSkipType);
window.location.href = and;
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
@@ -221,7 +222,7 @@ $('body .h5 .pagesBox .page1 .h5And').click(function () {
$('body .h5 .pagesBox .page1 .h5Ios').click(function () {
if (ios) {
officialClick(iosSkipType);
window.location.href = ios;
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
@@ -231,10 +232,14 @@ $('body .h5 .pagesBox .pages .downioad').click(function () {
if (url) {
if (browser.ios) {
officialClick(iosSkipType);
window.location = url;
} else if (browser.android) {
officialClick(androidSkipType);
window.location = url;
} else {
$('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0;
}
window.location.href = url;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}