优化官网
This commit is contained in:
Dragon
7
view/peko/home/css/animate.css
vendored
Normal file
7
view/peko/home/css/animate.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -8,6 +8,7 @@
|
||||
height: 100%;
|
||||
background: #0E0B24;
|
||||
font-family: Avenir, Avenir;
|
||||
cursor: pointer;
|
||||
}
|
||||
body .pc,
|
||||
html .pc {
|
||||
@@ -173,6 +174,7 @@
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
z-index: 3;
|
||||
}
|
||||
body .header .line,
|
||||
html .header .line {
|
||||
@@ -239,11 +241,494 @@
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
body .h5 .page1,
|
||||
html .h5 .page1 {
|
||||
body .h5 .pagesBox,
|
||||
html .h5 .pagesBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: all .6s;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
body .h5 .pagesBox .page1,
|
||||
html .h5 .pagesBox .page1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background-size: 100% 21.65333rem;
|
||||
position: relative;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .pageTxte1,
|
||||
html .h5 .pagesBox .page1 .pageTxte1 {
|
||||
width: 6.42667rem;
|
||||
height: 3.04rem;
|
||||
position: relative;
|
||||
top: 6.34667rem;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .h5And,
|
||||
html .h5 .pagesBox .page1 .h5And {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
margin: 12rem auto 0;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .h5Ios,
|
||||
html .h5 .pagesBox .page1 .h5Ios {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
top: 0.21333rem;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .down,
|
||||
html .h5 .pagesBox .page1 .down {
|
||||
width: 0.85333rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2,
|
||||
html .h5 .pagesBox .page2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pageText2,
|
||||
html .h5 .pagesBox .page2 .pageText2 {
|
||||
width: 6.90667rem;
|
||||
height: 1.54667rem;
|
||||
position: relative;
|
||||
top: 3.84rem;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .page2_in,
|
||||
html .h5 .pagesBox .page2 .page2_in {
|
||||
width: 10rem;
|
||||
height: 10.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pagetx1,
|
||||
html .h5 .pagesBox .page2 .pagetx1 {
|
||||
width: 6.34667rem;
|
||||
height: 4.10667rem;
|
||||
position: absolute;
|
||||
left: 3.12rem;
|
||||
top: 6.32rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pagetx2,
|
||||
html .h5 .pagesBox .page2 .pagetx2 {
|
||||
width: 6.34667rem;
|
||||
height: 4.10667rem;
|
||||
position: absolute;
|
||||
left: 0.53333rem;
|
||||
top: 12.26667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .downioad,
|
||||
html .h5 .pagesBox .page2 .downioad {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 16rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .down,
|
||||
html .h5 .pagesBox .page2 .down {
|
||||
width: 0.85333rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3,
|
||||
html .h5 .pagesBox .page3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .pageText3,
|
||||
html .h5 .pagesBox .page3 .pageText3 {
|
||||
width: 6.90667rem;
|
||||
height: 1.54667rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 3.84rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3_in,
|
||||
html .h5 .pagesBox .page3 .page3_in {
|
||||
width: 10rem;
|
||||
height: 10.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon1,
|
||||
html .h5 .pagesBox .page3 .page3Icon1 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
left: 5.68rem;
|
||||
top: 5.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon2,
|
||||
html .h5 .pagesBox .page3 .page3Icon2 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 7.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon3,
|
||||
html .h5 .pagesBox .page3 .page3Icon3 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
left: 5.68rem;
|
||||
top: 11.38667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon4,
|
||||
html .h5 .pagesBox .page3 .page3Icon4 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 13.33333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .downioad,
|
||||
html .h5 .pagesBox .page3 .downioad {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 16rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .down,
|
||||
html .h5 .pagesBox .page3 .down {
|
||||
width: 0.85333rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4,
|
||||
html .h5 .pagesBox .page4 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .pageText4,
|
||||
html .h5 .pagesBox .page4 .pageText4 {
|
||||
width: 6.90667rem;
|
||||
height: 1.54667rem;
|
||||
position: relative;
|
||||
top: 3.84rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4_in,
|
||||
html .h5 .pagesBox .page4 .page4_in {
|
||||
width: 10rem;
|
||||
height: 10.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4Icon1,
|
||||
html .h5 .pagesBox .page4 .page4Icon1 {
|
||||
width: 6.74667rem;
|
||||
height: 6.18667rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 7.04rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4Icon2,
|
||||
html .h5 .pagesBox .page4 .page4Icon2 {
|
||||
width: 6.74667rem;
|
||||
height: 6.18667rem;
|
||||
position: absolute;
|
||||
left: 3.25333rem;
|
||||
top: 11.30667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .downioad,
|
||||
html .h5 .pagesBox .page4 .downioad {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
top: 16rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .down,
|
||||
html .h5 .pagesBox .page4 .down {
|
||||
width: 0.85333rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.57333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5,
|
||||
html .h5 .pagesBox .page5 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/h55.png) no-repeat center;
|
||||
background-size: 100% 21.65333rem;
|
||||
position: relative;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .pageTxte5,
|
||||
html .h5 .pagesBox .page5 .pageTxte5 {
|
||||
width: 6.61333rem;
|
||||
height: 5.06667rem;
|
||||
position: relative;
|
||||
top: 4.88rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .contactUs,
|
||||
html .h5 .pagesBox .page5 .contactUs {
|
||||
width: 3.62667rem;
|
||||
height: 1.22667rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 6.17333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .bootom,
|
||||
html .h5 .pagesBox .page5 .bootom {
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
bottom: 0.26667rem;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
color: #B4B4BA;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .bootom p,
|
||||
html .h5 .pagesBox .page5 .bootom p {
|
||||
margin-bottom: 0.10667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .downioad,
|
||||
html .h5 .pagesBox .page5 .downioad {
|
||||
width: 6.58667rem;
|
||||
height: 1.38667rem;
|
||||
position: relative;
|
||||
top: 8.66667rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .down,
|
||||
html .h5 .pagesBox .page5 .down {
|
||||
width: 0.85333rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 19.57333rem;
|
||||
}
|
||||
body .h5 .menu,
|
||||
html .h5 .menu {
|
||||
width: 100%;
|
||||
height: 0%;
|
||||
background: #0E0B24;
|
||||
position: fixed;
|
||||
z-index: 4;
|
||||
transition: all .5s;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
body .h5 .menu .top,
|
||||
html .h5 .menu .top {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .h5 .menu .top .line,
|
||||
html .h5 .menu .top .line {
|
||||
width: 90%;
|
||||
height: 0.02667rem;
|
||||
background: #fff;
|
||||
opacity: .3;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
}
|
||||
body .h5 .menu .top .logo,
|
||||
html .h5 .menu .top .logo {
|
||||
display: block;
|
||||
width: 0.85333rem;
|
||||
height: 0.85333rem;
|
||||
margin-right: 0.21333rem;
|
||||
float: left;
|
||||
}
|
||||
body .h5 .menu .top .name,
|
||||
html .h5 .menu .top .name {
|
||||
font-size: 0.53333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
body .h5 .menu .top .diamound,
|
||||
html .h5 .menu .top .diamound {
|
||||
width: 1.86667rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
margin-top: 0.05333rem;
|
||||
margin-right: 1.06667rem;
|
||||
text-align: center;
|
||||
border-radius: 0.74667rem;
|
||||
}
|
||||
body .h5 .menu .top .diamound img,
|
||||
html .h5 .menu .top .diamound img {
|
||||
vertical-align: middle;
|
||||
width: 0.50667rem;
|
||||
height: 0.42667rem;
|
||||
display: inline-block;
|
||||
}
|
||||
body .h5 .menu .top .close,
|
||||
html .h5 .menu .top .close {
|
||||
float: right;
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
display: block;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
body .h5 .menu ul,
|
||||
html .h5 .menu ul {
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
margin: 1.6rem auto 0;
|
||||
}
|
||||
body .h5 .menu ul li,
|
||||
html .h5 .menu ul li {
|
||||
width: 100%;
|
||||
height: 1.54667rem;
|
||||
line-height: 1.54667rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
body .h5 .menu ul li span,
|
||||
html .h5 .menu ul li span {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
body .h5 .menu ul li img,
|
||||
html .h5 .menu ul li img {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
display: block;
|
||||
margin-top: 0.58667rem;
|
||||
}
|
||||
body .contactUs_pub,
|
||||
html .contactUs_pub {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in,
|
||||
html .contactUs_pub .contactUs_pub_in {
|
||||
width: 7.12rem;
|
||||
height: 6.4rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in .sClose,
|
||||
html .contactUs_pub .contactUs_pub_in .sClose {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
right: 0.42667rem;
|
||||
top: 0.34667rem;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in .title,
|
||||
html .contactUs_pub .contactUs_pub_in .title {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 0.48rem;
|
||||
margin-bottom: 0.21333rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul,
|
||||
html .contactUs_pub .contactUs_pub_in ul {
|
||||
width: 6rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li,
|
||||
html .contactUs_pub .contactUs_pub_in ul li {
|
||||
width: 100%;
|
||||
height: 1.49333rem;
|
||||
line-height: 1.49333rem;
|
||||
border-bottom: 0.02667rem solid #EBECF0;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li img,
|
||||
html .contactUs_pub .contactUs_pub_in ul li img {
|
||||
display: block;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
float: left;
|
||||
margin-top: 0.42667rem;
|
||||
margin-right: 0.58667rem;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li span,
|
||||
html .contactUs_pub .contactUs_pub_in ul li span {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li span b,
|
||||
html .contactUs_pub .contactUs_pub_in ul li span b {
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -22,6 +22,7 @@
|
||||
height: 100%;
|
||||
background: #0E0B24;
|
||||
font-family: Avenir, Avenir;
|
||||
cursor: pointer;
|
||||
|
||||
.pc {
|
||||
width: px2rem(1920);
|
||||
@@ -188,7 +189,9 @@
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40);
|
||||
margin: px2rem(20) auto 0;
|
||||
.line{
|
||||
z-index: 3;
|
||||
|
||||
.line {
|
||||
width: 90%;
|
||||
height: px2rem(2);
|
||||
background: #fff;
|
||||
@@ -253,13 +256,531 @@
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.page1 {
|
||||
.pagesBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background-size: 100% px2rem(1624);
|
||||
// overflow: hidden;
|
||||
transition: all .6s;
|
||||
transform: translateY(-0%);
|
||||
|
||||
.page1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background-size: 100% px2rem(1624);
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pageTxte1 {
|
||||
width: px2rem(482);
|
||||
height: px2rem(228);
|
||||
position: relative;
|
||||
top: px2rem(476);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
// left: 22%;
|
||||
// transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.h5And {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// top: px2rem(332);
|
||||
margin: 12rem auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.h5Ios {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: px2rem(16);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(64);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(1468);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.page2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pageText2 {
|
||||
width: px2rem(518);
|
||||
height: px2rem(116);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: px2rem(288);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page2_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(814);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(418);
|
||||
}
|
||||
|
||||
.pagetx1 {
|
||||
width: px2rem(476);
|
||||
height: px2rem(308);
|
||||
position: absolute;
|
||||
left: px2rem(234);
|
||||
top: px2rem(474);
|
||||
}
|
||||
|
||||
.pagetx2 {
|
||||
width: px2rem(476);
|
||||
height: px2rem(308);
|
||||
position: absolute;
|
||||
left: px2rem(40);
|
||||
top: px2rem(920);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: px2rem(1200);
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(64);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(1468);
|
||||
}
|
||||
}
|
||||
|
||||
.page3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pageText3 {
|
||||
width: px2rem(518);
|
||||
height: px2rem(116);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: px2rem(288);
|
||||
}
|
||||
|
||||
.page3_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(814);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(418);
|
||||
}
|
||||
|
||||
.page3Icon1 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
left: px2rem(426);
|
||||
top: px2rem(418);
|
||||
}
|
||||
|
||||
.page3Icon2 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(568);
|
||||
}
|
||||
|
||||
.page3Icon3 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
left: px2rem(426);
|
||||
top: px2rem(854);
|
||||
}
|
||||
|
||||
.page3Icon4 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(1000);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: px2rem(1200);
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(64);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(1468);
|
||||
}
|
||||
}
|
||||
|
||||
.page4 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pageText4 {
|
||||
width: px2rem(518);
|
||||
height: px2rem(116);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: px2rem(288);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page4_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(814);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(418);
|
||||
}
|
||||
|
||||
.page4Icon1 {
|
||||
width: px2rem(506);
|
||||
height: px2rem(464);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(528);
|
||||
}
|
||||
|
||||
.page4Icon2 {
|
||||
width: px2rem(506);
|
||||
height: px2rem(464);
|
||||
position: absolute;
|
||||
left: px2rem(244);
|
||||
top: px2rem(848);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: px2rem(1200);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(64);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(1468);
|
||||
}
|
||||
}
|
||||
|
||||
.page5 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/h55.png) no-repeat center;
|
||||
background-size: 100% px2rem(1624);
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pageTxte5 {
|
||||
width: px2rem(496);
|
||||
height: px2rem(380);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: px2rem(366);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.contactUs {
|
||||
width: px2rem(272);
|
||||
height: px2rem(92);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 6.17333rem;
|
||||
}
|
||||
|
||||
.bootom {
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
bottom: px2rem(20);
|
||||
left: 0;
|
||||
text-align: center;
|
||||
color: #B4B4BA;
|
||||
font-size: px2rem(24);
|
||||
|
||||
p {
|
||||
margin-bottom: px2rem(8);
|
||||
}
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(494);
|
||||
height: px2rem(104);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
top: 8.66667rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(64);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(1468);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 菜单
|
||||
.menu {
|
||||
width: 100%;
|
||||
height: 0%;
|
||||
background: #0E0B24;
|
||||
position: fixed;
|
||||
z-index: 4;
|
||||
transition: all .5s;
|
||||
overflow: hidden;
|
||||
// display: none;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
|
||||
.top {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: px2rem(90);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40);
|
||||
margin: px2rem(20) auto 0;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.line {
|
||||
width: 90%;
|
||||
height: px2rem(2);
|
||||
background: #fff;
|
||||
opacity: .3;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: block;
|
||||
width: px2rem(64);
|
||||
height: px2rem(64);
|
||||
margin-right: px2rem(16);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 0.53333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
margin-top: px2rem(6);
|
||||
}
|
||||
|
||||
.diamound {
|
||||
width: px2rem(140);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
float: right;
|
||||
margin-top: px2rem(4);
|
||||
margin-right: px2rem(80);
|
||||
text-align: center;
|
||||
border-radius: px2rem(56);
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
width: px2rem(38);
|
||||
height: px2rem(32);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
display: block;
|
||||
margin-top: px2rem(12);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: px2rem(90);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40);
|
||||
margin: 1.6rem auto 0;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(116);
|
||||
line-height: px2rem(116);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .3);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
span {
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32);
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
display: block;
|
||||
margin-top: px2rem(44);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contactUs_pub {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
display: none;
|
||||
|
||||
.contactUs_pub_in {
|
||||
width: px2rem(534);
|
||||
height: px2rem(480);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: px2rem(32);
|
||||
overflow: hidden;
|
||||
|
||||
.sClose {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
right: px2rem(32);
|
||||
top: px2rem(26);
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: px2rem(36);
|
||||
margin-bottom: px2rem(16);
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 6rem;
|
||||
margin: 0 auto 0;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(112);
|
||||
line-height: px2rem(112);
|
||||
border-bottom: px2rem(2) solid #EBECF0;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
float: left;
|
||||
margin-top: px2rem(32);
|
||||
margin-right: px2rem(44);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
color: #1F1B4F;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
|
||||
b {
|
||||
color: #1F1B4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
BIN
view/peko/home/images/close.png
Normal file
BIN
view/peko/home/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 493 B |
BIN
view/peko/home/images/contactUs.png
Normal file
BIN
view/peko/home/images/contactUs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
view/peko/home/images/downioad.png
Normal file
BIN
view/peko/home/images/downioad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
view/peko/home/images/email.png
Normal file
BIN
view/peko/home/images/email.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 469 B |
BIN
view/peko/home/images/line.png
Normal file
BIN
view/peko/home/images/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
view/peko/home/images/page2.png
Normal file
BIN
view/peko/home/images/page2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
view/peko/home/images/page3.png
Normal file
BIN
view/peko/home/images/page3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
BIN
view/peko/home/images/page3Icon1.png
Normal file
BIN
view/peko/home/images/page3Icon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/home/images/page3Icon2.png
Normal file
BIN
view/peko/home/images/page3Icon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
view/peko/home/images/page3Icon3.png
Normal file
BIN
view/peko/home/images/page3Icon3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
view/peko/home/images/page3Icon4.png
Normal file
BIN
view/peko/home/images/page3Icon4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/home/images/page4.png
Normal file
BIN
view/peko/home/images/page4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
view/peko/home/images/page4Icon1.png
Normal file
BIN
view/peko/home/images/page4Icon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
view/peko/home/images/page4Icon2.png
Normal file
BIN
view/peko/home/images/page4Icon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
view/peko/home/images/pageText2.png
Normal file
BIN
view/peko/home/images/pageText2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
view/peko/home/images/pageText3.png
Normal file
BIN
view/peko/home/images/pageText3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/home/images/pageText4.png
Normal file
BIN
view/peko/home/images/pageText4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
view/peko/home/images/pageTxte5.png
Normal file
BIN
view/peko/home/images/pageTxte5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/home/images/pagetx1.png
Normal file
BIN
view/peko/home/images/pagetx1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/home/images/pagetx2.png
Normal file
BIN
view/peko/home/images/pagetx2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
view/peko/home/images/rightIcon.png
Normal file
BIN
view/peko/home/images/rightIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 B |
BIN
view/peko/home/images/sClose.png
Normal file
BIN
view/peko/home/images/sClose.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 B |
BIN
view/peko/home/images/wx.png
Normal file
BIN
view/peko/home/images/wx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
@@ -6,9 +6,10 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>piko</title>
|
||||
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/animate.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
<link rel="shortcut icon" href="./images/pikolive.png" type="image/x-icon">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -59,17 +60,119 @@
|
||||
<!-- 线 -->
|
||||
<div class="line"></div>
|
||||
</div>
|
||||
<!-- 页面1 -->
|
||||
<div class="page1">
|
||||
<img src="./images/pageTxte1.png" alt="" class="pageTxte1">
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
<div class="pagesBox">
|
||||
<!-- 页面1 -->
|
||||
<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/h5Ios.png" alt="" class="h5Ios animate__animated animate__slow__1.8s">
|
||||
<img src="./images/down.png" alt="" class="down">
|
||||
</div>
|
||||
|
||||
<!-- 页面2 -->
|
||||
<div class="pages page2">
|
||||
<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/downioad.png" alt="" class="downioad animate__animated animate__slow__2s">
|
||||
<img src="./images/down.png" alt="" class="down">
|
||||
</div>
|
||||
|
||||
<!-- 页面3 -->
|
||||
<div class="pages page3">
|
||||
<img src="./images/pageText3.png" alt="" class="pageText3 animate__animated">
|
||||
<img src="./images/page3.png" alt="" class="page3_in">
|
||||
<img src="./images/page3Icon1.png" alt="" class="page3Icon1 animate__animated">
|
||||
<img src="./images/page3Icon2.png" alt="" class="page3Icon2 animate__animated">
|
||||
<img src="./images/page3Icon3.png" alt="" class="page3Icon3 animate__animated">
|
||||
<img src="./images/page3Icon4.png" alt="" class="page3Icon4 animate__animated">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down">
|
||||
</div>
|
||||
|
||||
<!-- 页面4 -->
|
||||
<div class="pages page4">
|
||||
<img src="./images/pageText4.png" alt="" class="pageText4 animate__animated">
|
||||
<img src="./images/page4.png" alt="" class="page4_in">
|
||||
<img src="./images/page4Icon2.png" alt="" class="page4Icon2 animate__animated">
|
||||
<img src="./images/page4Icon1.png" alt="" class="page4Icon1 animate__animated">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down">
|
||||
</div>
|
||||
|
||||
<!-- 页面5 -->
|
||||
<div class="pages page5">
|
||||
<img src="./images/pageTxte5.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img src="./images/contactUs.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Hongkong Han Fei Technology Co.,Limited</p>
|
||||
<p>CR No:3040005</p>
|
||||
<p>Address: BLDG. 19-21 HING YIP STREET KWUN TONG.KLN</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 菜单 -->
|
||||
<div class="menu">
|
||||
<!-- 头部 -->
|
||||
<div class="top">
|
||||
<!-- logo -->
|
||||
<img src="./images/logo.png" alt="" class="logo">
|
||||
<!-- app -->
|
||||
<div class="name">PIKO</div>
|
||||
<!-- 更多 -->
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<!-- 储值 -->
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> 储值
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<span>首页</span>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
<li>
|
||||
<span>钱包</span>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
<li>
|
||||
<span>联系我们</span>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 联系我们弹窗 -->
|
||||
<div class="contactUs_pub">
|
||||
<div class="contactUs_pub_in">
|
||||
<img src="./images/sClose.png" alt="" class="sClose">
|
||||
<div class="title">联系我们</div>
|
||||
<ul>
|
||||
<li class="li1">
|
||||
<img src="./images/wx.png" alt="">
|
||||
<span><b>Wehchat:</b> sd245376</span>
|
||||
</li>
|
||||
<li class="li2">
|
||||
<img src="./images/line.png" alt="">
|
||||
<span><b>Line:</b> pekoyuyin</span>
|
||||
</li>
|
||||
<li class="li3">
|
||||
<img src="./images/email.png" alt="">
|
||||
<span><b>Email:</b> zzxx@gmail.co</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../common/js/flexible.js"></script>
|
||||
<script src="./js/jquery.min.js"></script>
|
||||
<script src="./js/common.js"></script>
|
||||
<script src="../common/js/layer.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
4
view/peko/home/js/html5shiv.min.js
vendored
4
view/peko/home/js/html5shiv.min.js
vendored
@@ -1,4 +0,0 @@
|
||||
/**
|
||||
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.3-pre",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b),"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:this,document);
|
||||
@@ -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;
|
||||
}
|
||||
})
|
||||
|
||||
File diff suppressed because one or more lines are too long
6
view/peko/home/js/respond.min.js
vendored
6
view/peko/home/js/respond.min.js
vendored
@@ -1,6 +0,0 @@
|
||||
/*! Respond.js v1.4.2: min/max-width media query polyfill
|
||||
* Copyright 2014 Scott Jehl
|
||||
* Licensed under MIT
|
||||
* http://j.mp/respondjs */
|
||||
|
||||
!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b<t.length;b++){var c=t[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!p[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(w(c.styleSheet.rawCssText,e,f),p[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!s||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}x()};y(),c.update=y,c.getEmValue=u,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);
|
||||
2
view/peko/home/js/swiper.animate.min.js
vendored
Normal file
2
view/peko/home/js/swiper.animate.min.js
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
//本插件由www.swiper.com.cn提供
|
||||
function swiperAnimateCache(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate();var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}
|
||||
19
view/peko/home/js/swiper.min.js
vendored
19
view/peko/home/js/swiper.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,68 +0,0 @@
|
||||
/* utf.js - UTF-8 <=> UTF-16 convertion
|
||||
*
|
||||
* Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp>
|
||||
* Version: 1.0
|
||||
* LastModified: Dec 25 1999
|
||||
* This library is free. You can redistribute it and/or modify it.
|
||||
*/
|
||||
|
||||
/*
|
||||
* Interfaces:
|
||||
* utf8 = utf16to8(utf16);
|
||||
* utf16 = utf16to8(utf8);
|
||||
*/
|
||||
|
||||
function utf16to8(str) {
|
||||
var out, i, len, c;
|
||||
|
||||
out = "";
|
||||
len = str.length;
|
||||
for(i = 0; i < len; i++) {
|
||||
c = str.charCodeAt(i);
|
||||
if ((c >= 0x0001) && (c <= 0x007F)) {
|
||||
out += str.charAt(i);
|
||||
} else if (c > 0x07FF) {
|
||||
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
|
||||
} else {
|
||||
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
|
||||
}
|
||||
}
|
||||
return out;
|
||||
}
|
||||
|
||||
function utf8to16(str) {
|
||||
var out, i, len, c;
|
||||
var char2, char3;
|
||||
|
||||
out = "";
|
||||
len = str.length;
|
||||
i = 0;
|
||||
while(i < len) {
|
||||
c = str.charCodeAt(i++);
|
||||
switch(c >> 4)
|
||||
{
|
||||
case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
|
||||
// 0xxxxxxx
|
||||
out += str.charAt(i-1);
|
||||
break;
|
||||
case 12: case 13:
|
||||
// 110x xxxx 10xx xxxx
|
||||
char2 = str.charCodeAt(i++);
|
||||
out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
|
||||
break;
|
||||
case 14:
|
||||
// 1110 xxxx 10xx xxxx 10xx xxxx
|
||||
char2 = str.charCodeAt(i++);
|
||||
char3 = str.charCodeAt(i++);
|
||||
out += String.fromCharCode(((c & 0x0F) << 12) |
|
||||
((char2 & 0x3F) << 6) |
|
||||
((char3 & 0x3F) << 0));
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return out;
|
||||
}
|
||||
Reference in New Issue
Block a user