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 17:20:11 +08:00
parent c08811e593
commit ebc54bd4a0
3 changed files with 116 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
view/peko/home/css/index.css
View File

@@ -197,11 +197,11 @@
}
body .header .name,
html .header .name {
font-size: 0.53333rem;
font-size: 0.46667rem;
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.08rem;
margin-top: 0.2rem;
}
body .header .diamound,
html .header .diamound {
@@ -225,6 +225,7 @@
width: 0.50667rem;
height: 0.42667rem;
display: inline-block;
margin-top: -0.1rem;
}
body .header .more,
html .header .more {
@@ -253,7 +254,7 @@
width: 100%;
height: 100%;
background: url(../images/h51.png) no-repeat;
background-size: 100% 17.78667rem;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
@@ -270,8 +271,10 @@
html .h5 .pagesBox .page1 .downioad {
width: 6.58667rem;
height: 1.38667rem;
position: relative;
margin: 9rem auto 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3.41333rem;
display: block;
}
body .h5 .pagesBox .page1 .down,
@@ -281,7 +284,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.18667rem;
bottom: 0.96rem;
}
body .h5 .pagesBox .page2,
html .h5 .pagesBox .page2 {
@@ -306,7 +309,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.48rem;
bottom: 2.58667rem;
}
body .h5 .pagesBox .page2 .pagetx1,
html .h5 .pagesBox .page2 .pagetx1 {
@@ -314,7 +317,7 @@
height: 4.10667rem;
position: absolute;
left: 5.97333rem;
top: 5.41333rem;
bottom: 8.26667rem;
}
body .h5 .pagesBox .page2 .pagetx2,
html .h5 .pagesBox .page2 .pagetx2 {
@@ -322,16 +325,17 @@
height: 3.52rem;
position: absolute;
left: 0.53333rem;
top: 10.26667rem;
bottom: 4rem;
}
body .h5 .pagesBox .page2 .downioad,
html .h5 .pagesBox .page2 .downioad {
width: 6.58667rem;
height: 1.38667rem;
position: relative;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.92rem;
display: block;
margin: 0 auto;
top: 12.93333rem;
}
body .h5 .pagesBox .page2 .down,
html .h5 .pagesBox .page2 .down {
@@ -340,7 +344,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.18667rem;
bottom: 0.96rem;
}
body .h5 .pagesBox .page3,
html .h5 .pagesBox .page3 {
@@ -365,7 +369,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.48rem;
bottom: 2.58667rem;
}
body .h5 .pagesBox .page3 .page3Icon1,
html .h5 .pagesBox .page3 .page3Icon1 {
@@ -373,7 +377,7 @@
height: 3.06667rem;
position: absolute;
left: 5.68rem;
top: 6.08rem;
bottom: 8.64rem;
}
body .h5 .pagesBox .page3 .page3Icon2,
html .h5 .pagesBox .page3 .page3Icon2 {
@@ -381,7 +385,7 @@
height: 2.05333rem;
position: absolute;
left: 1.52rem;
top: 5.89333rem;
bottom: 9.84rem;
}
body .h5 .pagesBox .page3 .page3Icon3,
html .h5 .pagesBox .page3 .page3Icon3 {
@@ -389,7 +393,7 @@
height: 1.89333rem;
position: absolute;
left: 5.86667rem;
top: 10.88rem;
bottom: 5.01333rem;
}
body .h5 .pagesBox .page3 .page3Icon4,
html .h5 .pagesBox .page3 .page3Icon4 {
@@ -397,16 +401,17 @@
height: 2.34667rem;
position: absolute;
left: 0.26667rem;
top: 11.65333rem;
bottom: 3.78667rem;
}
body .h5 .pagesBox .page3 .downioad,
html .h5 .pagesBox .page3 .downioad {
width: 6.58667rem;
height: 1.38667rem;
position: relative;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.92rem;
display: block;
margin: 0 auto;
top: 12.93333rem;
}
body .h5 .pagesBox .page3 .down,
html .h5 .pagesBox .page3 .down {
@@ -415,7 +420,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.18667rem;
bottom: 0.96rem;
}
body .h5 .pagesBox .page4,
html .h5 .pagesBox .page4 {
@@ -440,7 +445,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.50667rem;
bottom: 2.58667rem;
}
body .h5 .pagesBox .page4 .page4Icon1,
html .h5 .pagesBox .page4 .page4Icon1 {
@@ -448,7 +453,7 @@
height: 6.13333rem;
position: absolute;
left: 0.08rem;
top: 5.70667rem;
bottom: 5.94667rem;
}
body .h5 .pagesBox .page4 .page4Icon2,
html .h5 .pagesBox .page4 .page4Icon2 {
@@ -456,16 +461,17 @@
height: 6.13333rem;
position: absolute;
left: 3.28rem;
top: 8.66667rem;
bottom: 2.98667rem;
}
body .h5 .pagesBox .page4 .downioad,
html .h5 .pagesBox .page4 .downioad {
width: 6.58667rem;
height: 1.38667rem;
position: relative;
top: 12.93333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.92rem;
display: block;
margin: 0 auto;
}
body .h5 .pagesBox .page4 .down,
html .h5 .pagesBox .page4 .down {
@@ -474,7 +480,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 16.18667rem;
bottom: 0.96rem;
}
body .h5 .pagesBox .page5,
html .h5 .pagesBox .page5 {
@@ -498,10 +504,12 @@
html .h5 .pagesBox .page5 .contactUs {
width: 3.62667rem;
height: 1.22667rem;
position: relative;
position: absolute;
display: block;
margin: 0 auto;
top: 5rem;
left: 50%;
transform: translateX(-50%);
bottom: 7.01333rem;
}
body .h5 .pagesBox .page5 .bootom,
html .h5 .pagesBox .page5 .bootom {
@@ -522,10 +530,11 @@
html .h5 .pagesBox .page5 .downioad {
width: 6.58667rem;
height: 1.38667rem;
position: relative;
top: 6rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3.41333rem;
display: block;
margin: 0 auto;
}
body .h5 .pagesBox .page5 .down,
html .h5 .pagesBox .page5 .down {
@@ -534,7 +543,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 19.57333rem;
bottom: 0.96rem;
}
body .h5 .menu,
html .h5 .menu {
@@ -583,11 +592,11 @@
}
body .h5 .menu .top .name,
html .h5 .menu .top .name {
font-size: 0.53333rem;
font-size: 0.46667rem;
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.08rem;
margin-top: 0.2rem;
}
body .h5 .menu .top .diamound,
html .h5 .menu .top .diamound {
@@ -611,6 +620,7 @@
width: 0.50667rem;
height: 0.42667rem;
display: inline-block;
margin-top: -0.1rem;
}
body .h5 .menu .top .close,
html .h5 .menu .top .close {

100
view/peko/home/css/index.scss
View File

@@ -211,11 +211,11 @@
}
.name {
font-size: 0.53333rem;
font-size: px2rem(35);
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: px2rem(6);
margin-top: 0.2rem;
}
.diamound {
@@ -238,6 +238,7 @@
width: px2rem(38);
height: px2rem(32);
display: inline-block;
margin-top: -0.1rem;
}
}
@@ -266,8 +267,8 @@
.page1 {
width: 100%;
height: 100%;
background: url(../images/h51.png) no-repeat ;
background-size: 100% px2rem(1334);
background: url(../images/h51.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
@@ -283,8 +284,10 @@
.downioad {
width: px2rem(494);
height: px2rem(104);
position: relative;
margin: 9rem auto 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(256);
display: block;
}
@@ -294,7 +297,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(1214);
bottom: px2rem(72);
}
}
@@ -321,7 +324,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(336);
bottom: px2rem(194);
}
.pagetx1 {
@@ -329,7 +332,8 @@
height: px2rem(308);
position: absolute;
left: px2rem(448);
top: px2rem(406);
// top: px2rem(406);
bottom: px2rem(620);
}
.pagetx2 {
@@ -337,16 +341,18 @@
height: px2rem(264);
position: absolute;
left: px2rem(40);
top: px2rem(770);
// top: px2rem(770);
bottom: px2rem(300);
}
.downioad {
width: px2rem(494);
height: px2rem(104);
position: relative;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(144);
display: block;
margin: 0 auto;
top: px2rem(970);
}
.down {
@@ -355,7 +361,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(1214);
bottom: px2rem(72);
}
}
@@ -383,7 +389,8 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(336);
// top: px2rem(336);
bottom: px2rem(194);
}
.page3Icon1 {
@@ -391,7 +398,8 @@
height: px2rem(230);
position: absolute;
left: px2rem(426);
top: px2rem(456);
// top: px2rem(456);
bottom: px2rem(648);
}
.page3Icon2 {
@@ -399,7 +407,8 @@
height: px2rem(154);
position: absolute;
left: px2rem(114);
top: px2rem(442);
// top: px2rem(442);
bottom: px2rem(738);
}
.page3Icon3 {
@@ -407,7 +416,8 @@
height: px2rem(142);
position: absolute;
left: px2rem(440);
top: px2rem(816);
// top: px2rem(816);
bottom: px2rem(376);
}
.page3Icon4 {
@@ -415,18 +425,18 @@
height: px2rem(176);
position: absolute;
left: px2rem(20);
top: px2rem(874);
// top: px2rem(874);
bottom: px2rem(284);
}
.downioad {
width: px2rem(494);
height: px2rem(104);
position: relative;
// left: 50%;
// transform: translateX(-50%);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(144);
display: block;
margin: 0 auto;
top: px2rem(970);
}
.down {
@@ -435,7 +445,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(1214);
bottom: px2rem(72);
}
}
@@ -461,7 +471,8 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(338);
// top: px2rem(338);
bottom: px2rem(194);
}
.page4Icon1 {
@@ -469,7 +480,8 @@
height: px2rem(460);
position: absolute;
left: px2rem(6);
top: px2rem(428);
// top: px2rem(428);
bottom: px2rem(446);
}
.page4Icon2 {
@@ -477,16 +489,18 @@
height: px2rem(460);
position: absolute;
left: px2rem(246);
top: px2rem(650);
// top: px2rem(650);
bottom: px2rem(224);
}
.downioad {
width: px2rem(494);
height: px2rem(104);
position: relative;
top: px2rem(970);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(144);
display: block;
margin: 0 auto;
}
.down {
@@ -495,7 +509,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(1214);
bottom: px2rem(72);
}
}
@@ -520,10 +534,13 @@
.contactUs {
width: px2rem(272);
height: px2rem(92);
position: relative;
position: absolute;
display: block;
margin: 0 auto;
top: 5rem;
left: 50%;
transform: translateX(-50%);
// top: 5rem;
bottom: px2rem(526);
}
.bootom {
@@ -541,13 +558,15 @@
}
}
.downioad {
width: px2rem(494);
height: px2rem(104);
position: relative;
top: 6rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(256);
display: block;
margin: 0 auto;
}
.down {
@@ -556,7 +575,7 @@
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(1468);
bottom: px2rem(72);
}
}
}
@@ -608,11 +627,11 @@
}
.name {
font-size: 0.53333rem;
font-size: px2rem(35);
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: px2rem(6);
margin-top: 0.2rem;
}
.diamound {
@@ -635,6 +654,7 @@
width: px2rem(38);
height: px2rem(32);
display: inline-block;
margin-top: -0.1rem;
}
}

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

@@ -71,12 +71,12 @@ function getConfig () {
})
}
// 点击记录接口
function officialClick (downloadType) {
function officialClick (downloadType, downloadUrl) {
// showLoading();
networkRequest({
type: 'GET',
url: urlPrefix + '/official/click',
data: { downloadType, },
data: { downloadType, downloadUrl },
success (res) {
},
error (err) {
@@ -116,7 +116,7 @@ $('body .h5').on('touchend', function (e) {
// 動畫調用
function animatedImplementFun (index) {
if (index == 0) {
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInDown',]);
// animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__zoomInDown',]);
// animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
} else if (index == 1) {
// animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
@@ -160,7 +160,7 @@ $('body .pc .header .diamound, html .pc .header .diamound').click(function () {
// PC蘋果下載按鈕
$('html .pc .pcIos').click(function () {
if (ios) {
officialClick(0);
officialClick(0,ios);
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -169,7 +169,7 @@ $('html .pc .pcIos').click(function () {
// PC安卓下載按鈕
$('html .pc .pcAnd').click(function () {
if (and) {
officialClick(1);
officialClick(1,and);
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -215,7 +215,7 @@ $('.page5 .contactUs').click(function () {
// h5首頁安卓下載
$('body .h5 .pagesBox .page1 .h5And').click(function () {
if (and) {
officialClick(1);
officialClick(1,and);
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -224,7 +224,7 @@ $('body .h5 .pagesBox .page1 .h5And').click(function () {
// h5首頁蘋果下載
$('body .h5 .pagesBox .page1 .h5Ios').click(function () {
if (ios) {
officialClick(0);
officialClick(0,ios);
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
@@ -234,10 +234,10 @@ $('body .h5 .pagesBox .page1 .h5Ios').click(function () {
$('body .h5 .pagesBox .pages .downioad').click(function () {
if (url) {
if (browser.ios) {
officialClick(0);
officialClick(0,url);
window.location = url;
} else if (browser.android) {
officialClick(1);
officialClick(1,url);
window.location = url;
} else {
$('.menu').css("z-index", "1");