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;
}
}