暂存
This commit is contained in:
Dragon
@@ -1,252 +1,92 @@
|
|||||||
body,
|
|
||||||
html {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-family: "Heiti SC", "Microsoft Sans Serif";
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 769px) {
|
@media screen and (min-width: 769px) {
|
||||||
.m-bg {
|
body,
|
||||||
display: none;
|
html {
|
||||||
}
|
|
||||||
.m-bg img {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.homePc {
|
|
||||||
width: 100%;
|
|
||||||
height: 10rem;
|
|
||||||
background: url(../images/homePc2.png) no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.homePc .charge {
|
|
||||||
width: 1.11rem;
|
|
||||||
height: 0.5rem;
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
border-radius: .13rem;
|
|
||||||
font-size: 0.24rem;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 0.5rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 0.16rem;
|
|
||||||
right: 2.77rem;
|
|
||||||
}
|
|
||||||
.homePc .googlePlay {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 3.4rem;
|
|
||||||
}
|
|
||||||
.homePc .appleStore {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 2.5rem;
|
|
||||||
}
|
|
||||||
.homePc .apk {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 1.6rem;
|
|
||||||
}
|
|
||||||
.eori {
|
|
||||||
width: 100%;
|
|
||||||
background: #30312C;
|
|
||||||
color: white;
|
|
||||||
padding: 0.2rem 0;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.eori .gongsi {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.eori .gongsi p {
|
|
||||||
font-size: 0.2rem;
|
|
||||||
}
|
|
||||||
.eori .gongsi p:nth-child(2) {
|
|
||||||
margin: 0 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
body {
|
|
||||||
background-color: #0C0122;
|
|
||||||
}
|
|
||||||
.pc-bg {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.m-bg {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.homeM {
|
|
||||||
width: 100%;
|
|
||||||
height: 14.89rem;
|
|
||||||
background: url(../images/homeM.png) no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.homeM .charge {
|
|
||||||
width: 1.11rem;
|
|
||||||
height: 0.5rem;
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
border-radius: .13rem;
|
|
||||||
font-size: 0.24rem;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 0.5rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 0.2rem;
|
|
||||||
right: 0.4rem;
|
|
||||||
}
|
|
||||||
.homeM .swiper {
|
|
||||||
width: 100%;
|
|
||||||
height: 8.6rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 4.8rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.homeM .swiper .swiper-wrapper {
|
|
||||||
width: 60%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.homeM .swiper .swiper-wrapper .swiper-slide img {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
background: #0E0B24;
|
||||||
|
font-family: Avenir, Avenir;
|
||||||
}
|
}
|
||||||
.homeM .swiper .swiper-wrapper .swiper-slide-prev {
|
body .pc,
|
||||||
|
html .pc {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 100%;
|
||||||
margin-top: 0.6rem;
|
background: url(../images/pcBg.png) no-repeat center;
|
||||||
|
background-size: 25.6rem 14.4rem;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.homeM .swiper .swiper-wrapper .swiper-slide-next {
|
body .pc .header,
|
||||||
|
html .pc .header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 90%;
|
height: 1.44rem;
|
||||||
margin-top: 0.6rem;
|
|
||||||
}
|
|
||||||
.homeM .logo {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.6rem;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
top: 0;
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
}
|
}
|
||||||
.homeM .logo img {
|
body .pc .header .logo,
|
||||||
width: 2.2rem;
|
html .pc .header .logo {
|
||||||
height: 0.7rem;
|
width: 0.72rem;
|
||||||
}
|
height: 0.72rem;
|
||||||
.button-wrapper {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 1.28rem;
|
top: 0.36rem;
|
||||||
top: 17.52rem;
|
left: 4.8rem;
|
||||||
width: 7.46667rem;
|
|
||||||
height: 1.22667rem;
|
|
||||||
}
|
}
|
||||||
.button-wrapper a {
|
body .pc .header .name,
|
||||||
display: inline-block;
|
html .pc .header .name {
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
line-height: 1.44rem;
|
||||||
.button2-wrapper {
|
font-size: 0.53333rem;
|
||||||
display: block;
|
color: #FFFFFF;
|
||||||
|
font-weight: 800;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3.09333rem;
|
top: 0;
|
||||||
bottom: 1.70667rem;
|
left: 5.73333rem;
|
||||||
width: 4rem;
|
|
||||||
height: 0.8rem;
|
|
||||||
background: rgba(255, 255, 255, 0);
|
|
||||||
}
|
}
|
||||||
.button2-wrapper a {
|
body .pc .header .index,
|
||||||
display: inline-block;
|
html .pc .header .index {
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
line-height: 1.44rem;
|
||||||
.m-button {
|
font-family: PingFangSC, PingFang SC;
|
||||||
display: block;
|
color: fff;
|
||||||
}
|
font-weight: 500;
|
||||||
.text-wrapper {
|
position: absolute;
|
||||||
padding-left: 0;
|
top: 0;
|
||||||
width: 90%;
|
left: 8.76rem;
|
||||||
margin-left: -45%;
|
font-size: 0.37333rem;
|
||||||
padding-top: 108px;
|
|
||||||
}
|
|
||||||
.text-wrapper .text .txt1 {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.text-wrapper .text1,
|
|
||||||
.text-wrapper p {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.eori {
|
|
||||||
width: 100%;
|
|
||||||
background: #30312C;
|
|
||||||
color: white;
|
|
||||||
padding: 0.2rem 0;
|
|
||||||
}
|
|
||||||
.eori .recordfoot {
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
.eori .recordfoot .record {
|
body .pc .header .index span,
|
||||||
|
html .pc .header .index span {
|
||||||
|
width: 0.37333rem;
|
||||||
|
height: 0.08rem;
|
||||||
|
background: #9168FA;
|
||||||
|
border-radius: 0.08rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: 1.01333rem;
|
||||||
|
}
|
||||||
|
body .pc .header .diamound,
|
||||||
|
html .pc .header .diamound {
|
||||||
|
width: 1.57333rem;
|
||||||
|
height: 0.64rem;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
text-align: center;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 0.64rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
position: absolute;
|
||||||
|
right: 5.06667rem;
|
||||||
|
top: 0.4rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
body .pc .header .diamound img,
|
||||||
|
html .pc .header .diamound img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-right: 0.05333rem;
|
width: 0.4rem;
|
||||||
height: 0.37333rem;
|
height: 0.4rem;
|
||||||
width: 0.42667rem;
|
vertical-align: middle;
|
||||||
background: url(../images/icon_police.png) no-repeat;
|
|
||||||
}
|
|
||||||
.eori .gongsi {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.eori .gongsi p {
|
|
||||||
line-height: 1.3;
|
|
||||||
font-size: 0.2rem;
|
|
||||||
}
|
|
||||||
.eori .gongsi p:nth-child(2) {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.eori .tit {
|
|
||||||
height: 1.6rem;
|
|
||||||
line-height: 1.6rem;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast {
|
|
||||||
background: rgba(0, 0, 0, 0.9);
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 100px;
|
|
||||||
font-size: 16px;
|
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
color: #fff;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
|
||||||
display: none;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips {
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0.26667rem;
|
|
||||||
width: 6.13333rem;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -2,335 +2,107 @@
|
|||||||
@return $px / 75+rem;
|
@return $px / 75+rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
body,
|
// body,
|
||||||
html {
|
// html {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100%;
|
// height: 100%;
|
||||||
font-family: "Heiti SC", "Microsoft Sans Serif";
|
// font-family: "Heiti SC", "Microsoft Sans Serif";
|
||||||
//overflow: hidden;
|
// }
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
// pc端
|
// pc端
|
||||||
@media screen and (min-width:769px) {
|
@media screen and (min-width:769px) {
|
||||||
.m-bg {
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
img {
|
body,
|
||||||
display: block;
|
html {
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.homePc {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10rem;
|
height: 100%;
|
||||||
background: url(../images/homePc2.png) no-repeat;
|
background: #0E0B24;
|
||||||
background-size: 100% 100%;
|
font-family: Avenir, Avenir;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.charge {
|
.pc {
|
||||||
width: 1.11rem;
|
|
||||||
height: 0.5rem;
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
border-radius: .13rem;
|
|
||||||
font-size: 0.24rem;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 0.5rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 0.16rem;
|
|
||||||
right: 2.77rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.googlePlay {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 3.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.appleStore {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.apk {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
position: absolute;
|
|
||||||
left: 2.4rem;
|
|
||||||
bottom: 1.6rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.eori {
|
|
||||||
// height: 1.2rem;
|
|
||||||
width: 100%;
|
|
||||||
background: #30312C;
|
|
||||||
color: rgb(255, 255, 255);
|
|
||||||
padding: 0.2rem 0;
|
|
||||||
vertical-align: top;
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0.8rem;
|
|
||||||
|
|
||||||
.gongsi {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 0.2rem;
|
|
||||||
|
|
||||||
&:nth-child(2) {
|
|
||||||
margin: 0 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// 移动端
|
|
||||||
@media screen and (max-width:768px) {
|
|
||||||
body {
|
|
||||||
background-color: #0C0122;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pc-bg {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.m-bg {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.homeM {
|
|
||||||
width: 100%;
|
|
||||||
// width: px2rem(750);
|
|
||||||
// height: px2rem(1489);
|
|
||||||
// height: 19.88rem;
|
|
||||||
height: 14.89rem;
|
|
||||||
background: url(../images/homeM.png) no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.charge {
|
|
||||||
width: 1.11rem;
|
|
||||||
height: 0.5rem;
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
border-radius: .13rem;
|
|
||||||
font-size: 0.24rem;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 0.5rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 0.2rem;
|
|
||||||
right: 0.4rem;
|
|
||||||
// left: 50%;
|
|
||||||
// transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 8.6rem;
|
height: 100%;
|
||||||
position: absolute;
|
background: url(../images/pcBg.png) no-repeat center;
|
||||||
top: 4.8rem;
|
background-size: px2rem(1920) px2rem(1080);
|
||||||
overflow: hidden;
|
position: relative;
|
||||||
|
|
||||||
.swiper-wrapper {
|
.header {
|
||||||
width: 60%;
|
width: 100%;
|
||||||
height: 100%;
|
height: px2rem(108);
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
.swiper-slide {
|
.logo {
|
||||||
img {
|
width: px2rem(54);
|
||||||
width: 100%;
|
height: px2rem(54);
|
||||||
height: 100%;
|
position: absolute;
|
||||||
|
top: px2rem(27);
|
||||||
|
left: px2rem(360);
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
height: 100%;
|
||||||
|
line-height: px2rem(108);
|
||||||
|
font-size: px2rem(40);
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: 800;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: px2rem(430);
|
||||||
|
}
|
||||||
|
|
||||||
|
.index {
|
||||||
|
height: 100%;
|
||||||
|
line-height: px2rem(108);
|
||||||
|
font-family: PingFangSC, PingFang SC;
|
||||||
|
color: fff;
|
||||||
|
font-weight: 500;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: px2rem(657);
|
||||||
|
font-size: px2rem(28);
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
span {
|
||||||
|
width: px2rem(28);
|
||||||
|
height: px2rem(6);
|
||||||
|
background: #9168FA;
|
||||||
|
border-radius: px2rem(6);
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: px2rem(76);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper-slide-prev {
|
.diamound {
|
||||||
width: 100%;
|
width: px2rem(118);
|
||||||
height: 90%;
|
height: px2rem(48);
|
||||||
margin-top: 0.6rem;
|
line-height: px2rem(48);
|
||||||
}
|
color: #FFFFFF;
|
||||||
|
font-size: px2rem(24);
|
||||||
|
text-align: center;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: px2rem(48);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
position: absolute;
|
||||||
|
right: px2rem(380);
|
||||||
|
top: px2rem(30);
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
.swiper-slide-next {
|
img {
|
||||||
width: 100%;
|
display: inline-block;
|
||||||
height: 90%;
|
width: px2rem(30);
|
||||||
margin-top: 0.6rem;
|
height: px2rem(30);
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.6rem;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 2.2rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-wrapper {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: px2rem(96);
|
|
||||||
top: px2rem(1314);
|
|
||||||
width: px2rem(560);
|
|
||||||
height: px2rem(92);
|
|
||||||
|
|
||||||
a {
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.button2-wrapper {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: px2rem(232);
|
|
||||||
// top: px2rem(1208);
|
|
||||||
bottom: px2rem(128);
|
|
||||||
width: px2rem(300);
|
|
||||||
height: px2rem(60);
|
|
||||||
background: rgba(255, 255, 255, 0);
|
|
||||||
|
|
||||||
a {
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.m-button {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-wrapper {
|
|
||||||
padding-left: 0;
|
|
||||||
width: 90%;
|
|
||||||
margin-left: -45%;
|
|
||||||
padding-top: 108px;
|
|
||||||
|
|
||||||
.text {
|
|
||||||
.txt1 {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.text1,
|
|
||||||
p {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.eori {
|
|
||||||
// height: 1.2rem;
|
|
||||||
width: 100%;
|
|
||||||
background: #30312C;
|
|
||||||
color: rgb(255, 255, 255);
|
|
||||||
padding: 0.2rem 0;
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0.75rem;
|
|
||||||
|
|
||||||
.recordfoot {
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.record {
|
|
||||||
display: inline-block;
|
|
||||||
padding-right: px2rem(4);
|
|
||||||
height: px2rem(28);
|
|
||||||
width: px2rem(32);
|
|
||||||
background: url(../images/icon_police.png) no-repeat;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.gongsi {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
p {
|
|
||||||
line-height: 1.3;
|
|
||||||
font-size: 0.2rem;
|
|
||||||
|
|
||||||
&:nth-child(2) {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// div {
|
|
||||||
// // height: 30px;
|
|
||||||
// width: 100%;
|
|
||||||
// text-align: center;
|
|
||||||
// // line-height: 30px;
|
|
||||||
// font-size: 14px;
|
|
||||||
// }
|
|
||||||
|
|
||||||
.tit {
|
|
||||||
height: px2rem(120);
|
|
||||||
line-height: px2rem(120);
|
|
||||||
text-align: center;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// @media screen and (max-width:375px) {
|
// 移动端
|
||||||
// .text-wrapper {
|
@media screen and (max-width:768px) {}
|
||||||
// bottom: 0px;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// .button-wrapper,
|
|
||||||
// .button-wrapper {
|
|
||||||
// display: block;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
.toast {
|
|
||||||
background: rgba(0, 0, 0, 0.9);
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 100px;
|
|
||||||
font-size: 16px;
|
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
color: #fff;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
|
||||||
display: none;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips {
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: px2rem(20);
|
|
||||||
width: px2rem(460);
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
BIN
view/peko/home/images/diamond.png
Normal file
BIN
view/peko/home/images/diamond.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 4.5 KiB |
BIN
view/peko/home/images/pcAnd.png
Normal file
BIN
view/peko/home/images/pcAnd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
view/peko/home/images/pcBg.png
Normal file
BIN
view/peko/home/images/pcBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
view/peko/home/images/pcCode.png
Normal file
BIN
view/peko/home/images/pcCode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/home/images/pcIos.png
Normal file
BIN
view/peko/home/images/pcIos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
view/peko/home/images/pcText.png
Normal file
BIN
view/peko/home/images/pcText.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -2,105 +2,36 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport"
|
|
||||||
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
||||||
|
|
||||||
<meta name="keywords" content="" />
|
<meta charset="UTF-8">
|
||||||
<meta name="description" content="" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>piko</title>
|
||||||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
<link rel="stylesheet" href="../common/css/reset.css">
|
||||||
<meta name="renderer" content="webkit">
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
<meta name="format-detection" content="telphone=no, email=no" />
|
<link rel="shortcut icon" href="./images/pikolive.png" type="image/x-icon">
|
||||||
<meta name="HandheldFriendly" content="true">
|
|
||||||
<meta name="MobileOptimized" content="375">
|
|
||||||
|
|
||||||
<meta name="screen-orientation" content="portrait">
|
|
||||||
<meta name="x5-orientation" content="portrait">
|
|
||||||
<meta name="full-screen" content="yes">
|
|
||||||
<meta name="x5-fullscreen" content="true">
|
|
||||||
<meta name="browsermode" content="application">
|
|
||||||
<meta name="x5-page-mode" content="app">
|
|
||||||
<meta name="msapplication-tap-highlight" content="no">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="no" />
|
|
||||||
<meta name="format-detection" content="telephone=no">
|
|
||||||
<title>piko</title>
|
|
||||||
|
|
||||||
<!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
|
|
||||||
<link rel="shortcut icon" href="./images/pikolive.png" type="image/x-icon">
|
|
||||||
<link rel="stylesheet" href="./css/reset.css">
|
|
||||||
<link rel="stylesheet" href="./css/index.css">
|
|
||||||
<!-- <link rel="stylesheet" href="./home/css/index.css"> -->
|
|
||||||
<link rel="stylesheet" href="./css/swiper.min.css">
|
|
||||||
<!-- <script src="./js/flexible.js"></script> -->
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<!-- pc -->
|
||||||
<div class="pc-bg">
|
<div class="pc">
|
||||||
<!-- <img src="./images/homePc.png" alt=""> -->
|
<!-- 头部 -->
|
||||||
<div class="homePc">
|
<div class="header">
|
||||||
<div class="charge">儲值</div>
|
<img src="./images/logo.png" alt="" class="logo">
|
||||||
<div class="googlePlay"></div>
|
<div class="name">PIKO</div>
|
||||||
<div class="appleStore"></div>
|
<div class="index">
|
||||||
<div class="apk"></div>
|
首页
|
||||||
</div>
|
<span></span>
|
||||||
</div>
|
|
||||||
<div class="m-bg">
|
|
||||||
<!-- <img src="./images/homeM.png" alt=""> -->
|
|
||||||
<div class="homeM">
|
|
||||||
<div class="charge">儲值</div>
|
|
||||||
<!-- 轮播 -->
|
|
||||||
<div class="swiper-container swiper">
|
|
||||||
<div class="swiper-wrapper">
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<img src="./images/pic1.png" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
<div class="diamound">
|
||||||
<img src="./images/pic2.png" alt="">
|
<img src="./images/diamond.png" alt=""> 储值
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-slide">
|
|
||||||
<img src="./images/pic3.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="swiper-pagination swp"></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="logo">
|
|
||||||
<img class="googlePlay" src="./images/googlePlay2.png" alt="">
|
|
||||||
<img class="appleStore" src="./images/appleStore.png" alt="">
|
|
||||||
<img class="apk" src="./images/apk.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="button-wrapper download">
|
|
||||||
</div>
|
<script src="../common/js/flexible.js"></script>
|
||||||
<div class="button2-wrapper download">
|
<script src="./js/jquery.min.js"></script>
|
||||||
</div> -->
|
<script src="./js/common.js"></script>
|
||||||
<div class="eori">
|
<script src="./js/index.js"></script>
|
||||||
<!-- <div class="recordfoot">
|
|
||||||
<i class="record"></i>
|
|
||||||
<a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a>
|
|
||||||
</div> -->
|
|
||||||
<div class="gongsi">
|
|
||||||
<p>Hongkong Han Fei Technology Co., Limited</p>
|
|
||||||
<!-- <p>香港翰飞科技有限公司</p> -->
|
|
||||||
<p>CR No:3040005 </p>
|
|
||||||
<p>Address：BLDG. 19-21 HING YIP STREET KWUN TONG, KLN</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="toast">敬请期待</div>
|
|
||||||
<div class="tips">
|
|
||||||
<img src="./images/tips.png" alt="">
|
|
||||||
</div>
|
|
||||||
<script src="./js/jquery.min.js"></script>
|
|
||||||
<script src="./js/common.js"></script>
|
|
||||||
<script src="./js/jquery.qrcode.js"></script>
|
|
||||||
<script src="http://static.lkme.cc/linkedme.min.js"></script>
|
|
||||||
<script src="./js/utf.js"></script>
|
|
||||||
<script src="./js/swiper.min.js"></script>
|
|
||||||
<script src="./js/index.js?v=2.3"></script>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,121 +0,0 @@
|
|||||||
/* eslint-disable semi */
|
|
||||||
/* eslint-disable no-undef */
|
|
||||||
let version = checkVersion()
|
|
||||||
let urlData = getQueryString()
|
|
||||||
const urlPrefix = getUrlPrefix()
|
|
||||||
//获取url参数
|
|
||||||
let channelData = urlData.channel
|
|
||||||
//定义官方渠道包
|
|
||||||
const channelDict = {
|
|
||||||
'poke0': 'https://image.lecheng163.com/poke_poke0.apk',
|
|
||||||
'poke1': 'https://image.lecheng163.com/poke_poke1.apk',
|
|
||||||
'poke2': 'https://image.lecheng163.com/poke_poke2.apk',
|
|
||||||
'poke3': 'https://image.lecheng163.com/poke_poke3.apk',
|
|
||||||
'poke4': 'https://image.lecheng163.com/poke_poke4.apk',
|
|
||||||
'poke5': 'https://image.lecheng163.com/poke_poke5.apk',
|
|
||||||
'poke6': 'https://image.lecheng163.com/poke_poke6.apk',
|
|
||||||
'poke7': 'https://image.lecheng163.com/poke_poke7.apk',
|
|
||||||
'poke8': 'https://image.lecheng163.com/poke_poke8.apk',
|
|
||||||
'poke9': 'https://image.lecheng163.com/poke_poke9.apk',
|
|
||||||
'poke10': 'https://image.lecheng163.com/poke_poke10.apk',
|
|
||||||
'gongzhonghao': 'https://image.lecheng163.com/poke_gongzhonghao.apk',
|
|
||||||
'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
|
|
||||||
|
|
||||||
// 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
|
|
||||||
}
|
|
||||||
$(function () {
|
|
||||||
|
|
||||||
//判断url参数是否是与渠道包名一致
|
|
||||||
let androidUrl = null;
|
|
||||||
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.pekolive';
|
|
||||||
let iosUrl = 'http://doudouyue.com/8axv' //ios企业包
|
|
||||||
// let iosUrl = 'https://apps.apple.com/cn/app/id1571083482' //ios商店包
|
|
||||||
|
|
||||||
if (version.ios) {
|
|
||||||
$('.button-wrapper').on('click', function () {
|
|
||||||
if (version.weixin) {
|
|
||||||
$('.tips').show()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
window.location.href = iosUrl;
|
|
||||||
})
|
|
||||||
|
|
||||||
} else if (version.android) {
|
|
||||||
$('.button-wrapper').on('click', function () {
|
|
||||||
if (version.weixin) {
|
|
||||||
$('.tips').show()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
window.location.href = androidUrl;
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
$('.button-wrapper').on('click', function () {
|
|
||||||
window.location.href = androidUrl;
|
|
||||||
})
|
|
||||||
$('.button2-wrapper').on('click', function () {
|
|
||||||
window.location.href = iosUrl;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
function swiperFun () {
|
|
||||||
var swiper = new Swiper('.swiper', {
|
|
||||||
direction: 'horizontal',
|
|
||||||
loop: true,
|
|
||||||
autoplay: 5000,
|
|
||||||
slidesPerView: "auto",
|
|
||||||
centeredSlides: true,
|
|
||||||
spaceBetween: 0,
|
|
||||||
initialSlide: 1,//默认第二个居中
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
$(document).ready(function () {
|
|
||||||
var deviceWidth = document.documentElement.clientWidth;
|
|
||||||
if (deviceWidth > 768) {
|
|
||||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
|
||||||
} else {
|
|
||||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
window.onresize = function () {
|
|
||||||
var deviceWidth = document.documentElement.clientWidth;
|
|
||||||
// console.log('deviceWidth', deviceWidth);
|
|
||||||
if (deviceWidth > 768) {
|
|
||||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
|
||||||
} else {
|
|
||||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
swiperFun();
|
|
||||||
|
|
||||||
//跳转pc端充值
|
|
||||||
$('.homePc .charge').click(function () {
|
|
||||||
window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
|
|
||||||
})
|
|
||||||
// 跳转移动端h5充值
|
|
||||||
$('.homeM .charge').click(function () {
|
|
||||||
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
|
||||||
})
|
|
||||||
// logo跳转
|
|
||||||
$('.googlePlay').click(function () {
|
|
||||||
return
|
|
||||||
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.pekolive'
|
|
||||||
})
|
|
||||||
$('.appleStore').click(function () {
|
|
||||||
// console.log(version, 'version');
|
|
||||||
if (version.webKit && version.ios) {
|
|
||||||
window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
window.location.href = 'http://doudouyue.com/3gh2'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
$('.apk').click(function () {
|
|
||||||
window.location.href = 'https://img.pekolive.com/piko_official.apk'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
252
view/peko/home1/css/index.css
Normal file
252
view/peko/home1/css/index.css
Normal file
@@ -0,0 +1,252 @@
|
|||||||
|
body,
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-family: "Heiti SC", "Microsoft Sans Serif";
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 769px) {
|
||||||
|
.m-bg {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.m-bg img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.homePc {
|
||||||
|
width: 100%;
|
||||||
|
height: 10rem;
|
||||||
|
background: url(../images/homePc2.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.homePc .charge {
|
||||||
|
width: 1.11rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: .13rem;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.5rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.16rem;
|
||||||
|
right: 2.77rem;
|
||||||
|
}
|
||||||
|
.homePc .googlePlay {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 3.4rem;
|
||||||
|
}
|
||||||
|
.homePc .appleStore {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 2.5rem;
|
||||||
|
}
|
||||||
|
.homePc .apk {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 1.6rem;
|
||||||
|
}
|
||||||
|
.eori {
|
||||||
|
width: 100%;
|
||||||
|
background: #30312C;
|
||||||
|
color: white;
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.eori .gongsi {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.eori .gongsi p {
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
|
.eori .gongsi p:nth-child(2) {
|
||||||
|
margin: 0 0.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
background-color: #0C0122;
|
||||||
|
}
|
||||||
|
.pc-bg {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.m-bg {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.homeM {
|
||||||
|
width: 100%;
|
||||||
|
height: 14.89rem;
|
||||||
|
background: url(../images/homeM.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.homeM .charge {
|
||||||
|
width: 1.11rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: .13rem;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.5rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.2rem;
|
||||||
|
right: 0.4rem;
|
||||||
|
}
|
||||||
|
.homeM .swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 8.6rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 4.8rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.homeM .swiper .swiper-wrapper {
|
||||||
|
width: 60%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.homeM .swiper .swiper-wrapper .swiper-slide img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.homeM .swiper .swiper-wrapper .swiper-slide-prev {
|
||||||
|
width: 100%;
|
||||||
|
height: 90%;
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
}
|
||||||
|
.homeM .swiper .swiper-wrapper .swiper-slide-next {
|
||||||
|
width: 100%;
|
||||||
|
height: 90%;
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
}
|
||||||
|
.homeM .logo {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0.6rem;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
.homeM .logo img {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
}
|
||||||
|
.button-wrapper {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 1.28rem;
|
||||||
|
top: 17.52rem;
|
||||||
|
width: 7.46667rem;
|
||||||
|
height: 1.22667rem;
|
||||||
|
}
|
||||||
|
.button-wrapper a {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.button2-wrapper {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 3.09333rem;
|
||||||
|
bottom: 1.70667rem;
|
||||||
|
width: 4rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
|
.button2-wrapper a {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.m-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.text-wrapper {
|
||||||
|
padding-left: 0;
|
||||||
|
width: 90%;
|
||||||
|
margin-left: -45%;
|
||||||
|
padding-top: 108px;
|
||||||
|
}
|
||||||
|
.text-wrapper .text .txt1 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.text-wrapper .text1,
|
||||||
|
.text-wrapper p {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.eori {
|
||||||
|
width: 100%;
|
||||||
|
background: #30312C;
|
||||||
|
color: white;
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
}
|
||||||
|
.eori .recordfoot {
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.eori .recordfoot .record {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 0.05333rem;
|
||||||
|
height: 0.37333rem;
|
||||||
|
width: 0.42667rem;
|
||||||
|
background: url(../images/icon_police.png) no-repeat;
|
||||||
|
}
|
||||||
|
.eori .gongsi {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.eori .gongsi p {
|
||||||
|
line-height: 1.3;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
|
.eori .gongsi p:nth-child(2) {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.eori .tit {
|
||||||
|
height: 1.6rem;
|
||||||
|
line-height: 1.6rem;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
border-radius: 10px;
|
||||||
|
width: 100px;
|
||||||
|
font-size: 16px;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #fff;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0.26667rem;
|
||||||
|
width: 6.13333rem;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
336
view/peko/home1/css/index.scss
Normal file
336
view/peko/home1/css/index.scss
Normal file
@@ -0,0 +1,336 @@
|
|||||||
|
@function px2rem($px) {
|
||||||
|
@return $px / 75+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
font-family: "Heiti SC", "Microsoft Sans Serif";
|
||||||
|
//overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
// pc端
|
||||||
|
@media screen and (min-width:769px) {
|
||||||
|
.m-bg {
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.homePc {
|
||||||
|
width: 100%;
|
||||||
|
height: 10rem;
|
||||||
|
background: url(../images/homePc2.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.charge {
|
||||||
|
width: 1.11rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: .13rem;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.5rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.16rem;
|
||||||
|
right: 2.77rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.googlePlay {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 3.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.appleStore {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.apk {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 2.4rem;
|
||||||
|
bottom: 1.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eori {
|
||||||
|
// height: 1.2rem;
|
||||||
|
width: 100%;
|
||||||
|
background: #30312C;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
vertical-align: top;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0.8rem;
|
||||||
|
|
||||||
|
.gongsi {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 0.2rem;
|
||||||
|
|
||||||
|
&:nth-child(2) {
|
||||||
|
margin: 0 0.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 移动端
|
||||||
|
@media screen and (max-width:768px) {
|
||||||
|
body {
|
||||||
|
background-color: #0C0122;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pc-bg {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-bg {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.homeM {
|
||||||
|
width: 100%;
|
||||||
|
// width: px2rem(750);
|
||||||
|
// height: px2rem(1489);
|
||||||
|
// height: 19.88rem;
|
||||||
|
height: 14.89rem;
|
||||||
|
background: url(../images/homeM.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.charge {
|
||||||
|
width: 1.11rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: .13rem;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.5rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 0.2rem;
|
||||||
|
right: 0.4rem;
|
||||||
|
// left: 50%;
|
||||||
|
// transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 8.6rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 4.8rem;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
width: 60%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide-prev {
|
||||||
|
width: 100%;
|
||||||
|
height: 90%;
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide-next {
|
||||||
|
width: 100%;
|
||||||
|
height: 90%;
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0.6rem;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 2.2rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-wrapper {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(96);
|
||||||
|
top: px2rem(1314);
|
||||||
|
width: px2rem(560);
|
||||||
|
height: px2rem(92);
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button2-wrapper {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(232);
|
||||||
|
// top: px2rem(1208);
|
||||||
|
bottom: px2rem(128);
|
||||||
|
width: px2rem(300);
|
||||||
|
height: px2rem(60);
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-wrapper {
|
||||||
|
padding-left: 0;
|
||||||
|
width: 90%;
|
||||||
|
margin-left: -45%;
|
||||||
|
padding-top: 108px;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
.txt1 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.text1,
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.eori {
|
||||||
|
// height: 1.2rem;
|
||||||
|
width: 100%;
|
||||||
|
background: #30312C;
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0.75rem;
|
||||||
|
|
||||||
|
.recordfoot {
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.record {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: px2rem(4);
|
||||||
|
height: px2rem(28);
|
||||||
|
width: px2rem(32);
|
||||||
|
background: url(../images/icon_police.png) no-repeat;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gongsi {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.3;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
|
||||||
|
&:nth-child(2) {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// div {
|
||||||
|
// // height: 30px;
|
||||||
|
// width: 100%;
|
||||||
|
// text-align: center;
|
||||||
|
// // line-height: 30px;
|
||||||
|
// font-size: 14px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
height: px2rem(120);
|
||||||
|
line-height: px2rem(120);
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// @media screen and (max-width:375px) {
|
||||||
|
// .text-wrapper {
|
||||||
|
// bottom: 0px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .button-wrapper,
|
||||||
|
// .button-wrapper {
|
||||||
|
// display: block;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
border-radius: 10px;
|
||||||
|
width: 100px;
|
||||||
|
font-size: 16px;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #fff;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tips {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: px2rem(20);
|
||||||
|
width: px2rem(460);
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
144
view/peko/home1/css/reset.css
Normal file
144
view/peko/home1/css/reset.css
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
/**
|
||||||
|
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
|
||||||
|
* http://cssreset.com
|
||||||
|
*/
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video, input {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: normal;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* custom */
|
||||||
|
a {
|
||||||
|
color: #7e8c8d;
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track-piece {
|
||||||
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:vertical {
|
||||||
|
height: 5px;
|
||||||
|
background-color: rgba(125, 125, 125, 0.7);
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:horizontal {
|
||||||
|
width: 5px;
|
||||||
|
background-color: rgba(125, 125, 125, 0.7);
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.mask,.share-mask {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
height: 60px;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 8px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color:#fff;
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mask .logo {
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mask .slogan {
|
||||||
|
color: #fff;
|
||||||
|
margin: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#download {
|
||||||
|
border: 1px solid #fff;
|
||||||
|
color: #fff;
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 15px;
|
||||||
|
line-height: 30px; }
|
||||||
|
|
||||||
|
#download a{
|
||||||
|
color: #fff; }
|
||||||
|
|
||||||
|
.share-mask{
|
||||||
|
padding: 0 16px;
|
||||||
|
}
|
||||||
|
.share-mask .shareBtn{
|
||||||
|
border-radius: 6px;
|
||||||
|
background: linear-gradient(to right,#fe95c0,#ff83b5);
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.singleTemplate{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
15
view/peko/home1/css/swiper.min.css
vendored
Normal file
15
view/peko/home1/css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 1012 B After Width: | Height: | Size: 1012 B |
|
Before Width: | Height: | Size: 1021 B After Width: | Height: | Size: 1021 B |
|
Before Width: | Height: | Size: 954 B After Width: | Height: | Size: 954 B |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 554 KiB After Width: | Height: | Size: 554 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 356 KiB After Width: | Height: | Size: 356 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
BIN
view/peko/home1/images/logo.png
Normal file
BIN
view/peko/home1/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 2.1 MiB After Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 215 KiB |
|
Before Width: | Height: | Size: 247 KiB After Width: | Height: | Size: 247 KiB |
|
Before Width: | Height: | Size: 200 KiB After Width: | Height: | Size: 200 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
106
view/peko/home1/index.html
Normal file
106
view/peko/home1/index.html
Normal file
@@ -0,0 +1,106 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
|
||||||
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="format-detection" content="telphone=no, email=no" />
|
||||||
|
<meta name="HandheldFriendly" content="true">
|
||||||
|
<meta name="MobileOptimized" content="375">
|
||||||
|
|
||||||
|
<meta name="screen-orientation" content="portrait">
|
||||||
|
<meta name="x5-orientation" content="portrait">
|
||||||
|
<meta name="full-screen" content="yes">
|
||||||
|
<meta name="x5-fullscreen" content="true">
|
||||||
|
<meta name="browsermode" content="application">
|
||||||
|
<meta name="x5-page-mode" content="app">
|
||||||
|
<meta name="msapplication-tap-highlight" content="no">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="no" />
|
||||||
|
<meta name="format-detection" content="telephone=no">
|
||||||
|
<title>piko</title>
|
||||||
|
|
||||||
|
<!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
|
||||||
|
<link rel="shortcut icon" href="./images/pikolive.png" type="image/x-icon">
|
||||||
|
<link rel="stylesheet" href="./css/reset.css">
|
||||||
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
|
<!-- <link rel="stylesheet" href="./home/css/index.css"> -->
|
||||||
|
<link rel="stylesheet" href="./css/swiper.min.css">
|
||||||
|
<!-- <script src="./js/flexible.js"></script> -->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="pc-bg">
|
||||||
|
<!-- <img src="./images/homePc.png" alt=""> -->
|
||||||
|
<div class="homePc">
|
||||||
|
<div class="charge">儲值</div>
|
||||||
|
<div class="googlePlay"></div>
|
||||||
|
<div class="appleStore"></div>
|
||||||
|
<div class="apk"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="m-bg">
|
||||||
|
<!-- <img src="./images/homeM.png" alt=""> -->
|
||||||
|
<div class="homeM">
|
||||||
|
<div class="charge">儲值</div>
|
||||||
|
<!-- 轮播 -->
|
||||||
|
<div class="swiper-container swiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="./images/pic1.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="./images/pic2.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="./images/pic3.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="swiper-pagination swp"></div> -->
|
||||||
|
</div>
|
||||||
|
<div class="logo">
|
||||||
|
<img class="googlePlay" src="./images/googlePlay2.png" alt="">
|
||||||
|
<img class="appleStore" src="./images/appleStore.png" alt="">
|
||||||
|
<img class="apk" src="./images/apk.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="button-wrapper download">
|
||||||
|
</div>
|
||||||
|
<div class="button2-wrapper download">
|
||||||
|
</div> -->
|
||||||
|
<div class="eori">
|
||||||
|
<!-- <div class="recordfoot">
|
||||||
|
<i class="record"></i>
|
||||||
|
<a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a>
|
||||||
|
</div> -->
|
||||||
|
<div class="gongsi">
|
||||||
|
<p>Hongkong Han Fei Technology Co., Limited</p>
|
||||||
|
<!-- <p>香港翰飞科技有限公司</p> -->
|
||||||
|
<p>CR No:3040005 </p>
|
||||||
|
<p>Address：BLDG. 19-21 HING YIP STREET KWUN TONG, KLN</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="toast">敬请期待</div>
|
||||||
|
<div class="tips">
|
||||||
|
<img src="./images/tips.png" alt="">
|
||||||
|
</div>
|
||||||
|
<script src="./js/jquery.min.js"></script>
|
||||||
|
<script src="./js/common.js"></script>
|
||||||
|
<script src="./js/jquery.qrcode.js"></script>
|
||||||
|
<script src="http://static.lkme.cc/linkedme.min.js"></script>
|
||||||
|
<script src="./js/utf.js"></script>
|
||||||
|
<script src="./js/swiper.min.js"></script>
|
||||||
|
<script src="./js/index.js?v=2.2"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
321
view/peko/home1/js/common.js
Normal file
321
view/peko/home1/js/common.js
Normal file
@@ -0,0 +1,321 @@
|
|||||||
|
const productUrl = 'https://api.pekolive.com'; // 正式环境
|
||||||
|
const testUrl = 'http://beta.api.pekolive.com'; // 测试环境
|
||||||
|
|
||||||
|
function render (templateId, templateData, target) {
|
||||||
|
var html = template(templateId, templateData);
|
||||||
|
target.innerHTML += html;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据域名判断 正式环境(含www)/测试环境(含beta), 并返回所需url前缀
|
||||||
|
// written by zxfxiong
|
||||||
|
function getUrlPrefix () {
|
||||||
|
if (!EnvCheck()) return undefined;
|
||||||
|
return EnvCheck() === 'live' ? productUrl : testUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
function dateFormat (date, fmt) {
|
||||||
|
date = new Date(date);
|
||||||
|
var o = {
|
||||||
|
'M+': date.getMonth() + 1,
|
||||||
|
'd+': date.getDate(),
|
||||||
|
'h+': date.getHours(),
|
||||||
|
'm+': date.getMinutes(),
|
||||||
|
's+': date.getSeconds()
|
||||||
|
};
|
||||||
|
|
||||||
|
// 补全0
|
||||||
|
function padLeftZero(str) {
|
||||||
|
return('00' + str).substr(str.length);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 年份
|
||||||
|
if(/(y+)/.test(fmt)) {
|
||||||
|
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
|
||||||
|
}
|
||||||
|
|
||||||
|
// 月日时分秒
|
||||||
|
for(var k in o) {
|
||||||
|
if(new RegExp('(' + k + ')').test(fmt)) {
|
||||||
|
var str = o[k] + '';
|
||||||
|
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
date = o = padLeftZero = null;
|
||||||
|
return fmt;
|
||||||
|
}
|
||||||
|
|
||||||
|
function convert (_url) {
|
||||||
|
var patt=/\d+/;
|
||||||
|
var num=_url.match(patt);
|
||||||
|
var rs={};
|
||||||
|
rs.uid=num[0];
|
||||||
|
return rs;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 传递分享信息给客户端,showUrl为分享的页面链接,为空时表示不分享
|
||||||
|
// function shareInfo () {
|
||||||
|
// var _url = 'http://www.erbanyy.com/modules/bonus/fight.html';
|
||||||
|
// var res = EnvCheck();
|
||||||
|
// if (res == 'test'){
|
||||||
|
// _url = 'http://beta.erbanyy.com/modules/bonus/fight.html';
|
||||||
|
// }
|
||||||
|
// var info = {
|
||||||
|
// title: '耳伴与你一起红',
|
||||||
|
// imgUrl: 'http://www.erbanyy.com/home/images/logo.png',
|
||||||
|
// desc: '登录即送20红包，每天还有分享红包，邀请红包，分成红包，四重红包大礼等你来拿',
|
||||||
|
// showUrl: _url
|
||||||
|
// };
|
||||||
|
// return JSON.stringify(info);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 根据域名适配环境
|
||||||
|
function EnvCheck () {
|
||||||
|
if (window.location.href) {
|
||||||
|
var _url = window.location.href;
|
||||||
|
var res = _url.match(/uat/);
|
||||||
|
var res1 = _url.match(/120.79.211.243/);
|
||||||
|
var res2 = _url.match(/192.168./)
|
||||||
|
var res3 = _url.match(/127.0/)
|
||||||
|
var res4 = _url.match(/beta/)
|
||||||
|
if (res || res1 || res2 || res3 || res4) {
|
||||||
|
return 'test';
|
||||||
|
} else {
|
||||||
|
return 'live';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 根据域名判断是本地打开还是服务器打开
|
||||||
|
function locateJudge() {
|
||||||
|
if(window.location.href){
|
||||||
|
var _url = window.location.href;
|
||||||
|
var res = _url.match(/test/);
|
||||||
|
if(res){
|
||||||
|
return '/api';
|
||||||
|
}else{
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取地址栏参数
|
||||||
|
function getQueryString(){
|
||||||
|
var _url = location.search;
|
||||||
|
var theRequest = new Object();
|
||||||
|
if(_url.indexOf('?') != -1){
|
||||||
|
var str = _url.substr(1);
|
||||||
|
strs = str.split('&');
|
||||||
|
for(var i in strs){
|
||||||
|
theRequest[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return theRequest;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断浏览器内核，手机类型
|
||||||
|
function checkVersion(){
|
||||||
|
var u = navigator.userAgent, app = navigator.appVersion;
|
||||||
|
return {
|
||||||
|
trident: u.indexOf('Trident') > -1, //IE内核
|
||||||
|
presto: u.indexOf('Presto') > -1, //opera内核
|
||||||
|
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
|
||||||
|
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
|
||||||
|
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
|
||||||
|
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
|
||||||
|
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
|
||||||
|
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
|
||||||
|
iPad: u.indexOf('iPad') > -1, //是否iPad
|
||||||
|
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
|
||||||
|
weixin: u.indexOf('MicroMessenger') > -1, //是否微信
|
||||||
|
qq: u.match(/\sQQ/i) == " qq", //是否QQ
|
||||||
|
app: u.match('mengshengApp') == 'mengshengApp' //是否在app内
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// 图片预加载
|
||||||
|
function preloadImage(obj){
|
||||||
|
var loadLength = 0,newImages = [];
|
||||||
|
for(var i = 0;i < obj.imageArr.length;i++){
|
||||||
|
newImages[i] = new Image();
|
||||||
|
newImages[i].src = obj.imageArr[i];
|
||||||
|
newImages[i].onload = newImages[i].onerror = function(){
|
||||||
|
loadLength++;
|
||||||
|
typeof obj.preloadPreFunc === 'function' && obj.preloadPreFunc(loadLength);
|
||||||
|
if(loadLength == obj.imageArr.length){
|
||||||
|
typeof obj.doneFunc === 'function' && obj.doneFunc();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断是否在App内
|
||||||
|
function isApp() {
|
||||||
|
var androidBol = false;
|
||||||
|
var osBol = false;
|
||||||
|
if(window.androidJsObj && typeof window.androidJsObj === 'object'){
|
||||||
|
androidBol = true;
|
||||||
|
}
|
||||||
|
if(window.webkit){
|
||||||
|
console.log(window.webkit);
|
||||||
|
osBol = true;
|
||||||
|
}
|
||||||
|
return (androidBol || osBol);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function msMask(channel,tags,params) {
|
||||||
|
//此函数用于一般的耳伴底层面罩
|
||||||
|
var browser = checkVersion();
|
||||||
|
var env = EnvCheck();
|
||||||
|
// params = params? params:0;
|
||||||
|
var bol = $.isEmptyObject(params);
|
||||||
|
var jsonStr = '';
|
||||||
|
if(!bol) {
|
||||||
|
jsonStr = JSON.stringify(params);
|
||||||
|
}
|
||||||
|
if(!browser.app){
|
||||||
|
$('#mask').css('display','flex');
|
||||||
|
var linkData = {
|
||||||
|
type: env,
|
||||||
|
channel: channel,
|
||||||
|
tags: tags,
|
||||||
|
// ios_custom_url: "https://itunes.apple.com/cn/app/id1252542069?mt=8",
|
||||||
|
params: jsonStr
|
||||||
|
// '{"uid":"' + params + '"}'
|
||||||
|
};
|
||||||
|
|
||||||
|
linkedme.init("414571f0698afaa1c194f345f0dcc328", {type: env}, null);
|
||||||
|
|
||||||
|
linkedme.link(linkData, function(err, response){
|
||||||
|
if(err){
|
||||||
|
// 生成深度链接失败，返回错误对象err
|
||||||
|
console.log('err:',err);
|
||||||
|
} else {
|
||||||
|
console.log(response);
|
||||||
|
$('#download a').attr("href",response.url);
|
||||||
|
$('.download a').attr('href',response.url);
|
||||||
|
}
|
||||||
|
},false);
|
||||||
|
}else{
|
||||||
|
$('#share-mask').css('display','flex');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function wxConfig() {
|
||||||
|
var wxurl = encodeURIComponent(location.href.split('#')[0]);
|
||||||
|
var data ="url=" + wxurl;
|
||||||
|
console.log(data);
|
||||||
|
$.ajax({
|
||||||
|
type:'GET',
|
||||||
|
url: '/wx/config',
|
||||||
|
data: data,
|
||||||
|
asyc: true,
|
||||||
|
success: function (data) {
|
||||||
|
if(data.code = 200){
|
||||||
|
wx.config({
|
||||||
|
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||||||
|
appId: data.data.appId, // 必填，公众号的唯一标识
|
||||||
|
timestamp: data.data.timestamp, // 必填，生成签名的时间戳
|
||||||
|
nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
|
||||||
|
signature: data.data.signature,// 必填，签名，见附录1
|
||||||
|
jsApiList: data.data.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
||||||
|
});
|
||||||
|
wx.error(function(res){
|
||||||
|
console.log('config error,msg:'+res);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error:function(res){
|
||||||
|
console.log('config error,msg:'+res);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// function refreshWeb() {
|
||||||
|
// window.location.href = window.location.href;
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
$('#share-mask .shareBtn').on('click',function () {
|
||||||
|
var browser = checkVersion();
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.openSharePage();
|
||||||
|
} else if (browser.ios) {
|
||||||
|
window.webkit.messageHandlers.openSharePage.postMessage(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 渲染列表组件
|
||||||
|
* @param templateId 组件的id
|
||||||
|
* @param $target 渲染目标dom
|
||||||
|
* @param attrParam 属性名，格式 {'.class':['dataAttr',type]}
|
||||||
|
* @param data 渲染数据的数组
|
||||||
|
*/
|
||||||
|
|
||||||
|
function templateList(templateId,$target,attrParam,data){
|
||||||
|
var $template = $(templateId);
|
||||||
|
var str = $template.html();
|
||||||
|
|
||||||
|
for(var i = 0;i < data.length;i++){
|
||||||
|
var $list = $(str);
|
||||||
|
$target.append($list);
|
||||||
|
for(var j in attrParam){
|
||||||
|
if(attrParam[j][1] == 1){
|
||||||
|
$list.find(j + ' img').attr('src',data[i][attrParam[j][0]]);
|
||||||
|
}else if(attrParam[j][1] == 2){
|
||||||
|
$list.find(j).html(data[i][attrParam[j][0]]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initNav(obj) {
|
||||||
|
if($.isEmptyObject(obj)){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var browser = checkVersion();
|
||||||
|
if(browser.app){
|
||||||
|
if(browser.ios){
|
||||||
|
window.webkit.messageHandlers.initNav.postMessage(obj);
|
||||||
|
}else if(browser.android){
|
||||||
|
var json = JSON.stringify(obj);
|
||||||
|
window.androidJsObj.initNav(json);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var tranUrl = 'http://www.if66.cn';
|
||||||
|
|
||||||
|
var tools = {
|
||||||
|
cookieUtils: {
|
||||||
|
set: function(key, val, time) {
|
||||||
|
var date = new Date();
|
||||||
|
var expiresDays = time;
|
||||||
|
date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000);
|
||||||
|
document.cookie = key + '=' + val + ';expires=' + date.toGMTString();
|
||||||
|
},
|
||||||
|
|
||||||
|
get: function(key) {
|
||||||
|
// 获取cookie参数
|
||||||
|
var getCookie = document.cookie.replace(/[ ]/g,'');
|
||||||
|
var arrCookie = getCookie.split(';');
|
||||||
|
var val;
|
||||||
|
for(var i = 0 ; i < arrCookie.length ; i++) {
|
||||||
|
var arr = arrCookie[i].split('=');
|
||||||
|
if(key === arr[0]) {
|
||||||
|
val = arr[1];
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return val;
|
||||||
|
},
|
||||||
|
|
||||||
|
delete: function(key) { //删除cookie方法
|
||||||
|
var date = new Date(); //获取当前时间
|
||||||
|
date.setTime(date.getTime() - 10000); //将date设置为过去的时间
|
||||||
|
document.cookie = key + '=v; expires =' + date.toGMTString(); //设置cookie
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
109
view/peko/home1/js/flexible.js
Normal file
109
view/peko/home1/js/flexible.js
Normal file
@@ -0,0 +1,109 @@
|
|||||||
|
;(function(win, lib) {
|
||||||
|
var doc = win.document;
|
||||||
|
var docEl = doc.documentElement;
|
||||||
|
var metaEl = doc.querySelector('meta[name="viewport"]');
|
||||||
|
var flexibleEl = doc.querySelector('meta[name="flexible"]');
|
||||||
|
var dpr = 0;
|
||||||
|
var scale = 0;
|
||||||
|
var tid;
|
||||||
|
var flexible = lib.flexible || (lib.flexible = {});
|
||||||
|
|
||||||
|
if (metaEl) {
|
||||||
|
console.warn('将根据已有的meta标签来设置缩放比例');
|
||||||
|
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
|
||||||
|
if (match) {
|
||||||
|
scale = parseFloat(match[1]);
|
||||||
|
dpr = parseInt(1 / scale);
|
||||||
|
}
|
||||||
|
} else if (flexibleEl) {
|
||||||
|
var content = flexibleEl.getAttribute('content');
|
||||||
|
if (content) {
|
||||||
|
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
|
||||||
|
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
|
||||||
|
if (initialDpr) {
|
||||||
|
dpr = parseFloat(initialDpr[1]);
|
||||||
|
scale = parseFloat((1 / dpr).toFixed(2));
|
||||||
|
}
|
||||||
|
if (maximumDpr) {
|
||||||
|
dpr = parseFloat(maximumDpr[1]);
|
||||||
|
scale = parseFloat((1 / dpr).toFixed(2));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!dpr && !scale) {
|
||||||
|
var isAndroid = win.navigator.appVersion.match(/android/gi);
|
||||||
|
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
|
||||||
|
var devicePixelRatio = win.devicePixelRatio;
|
||||||
|
if (isIPhone) {
|
||||||
|
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
|
||||||
|
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
|
||||||
|
dpr = 3;
|
||||||
|
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
|
||||||
|
dpr = 2;
|
||||||
|
} else {
|
||||||
|
dpr = 1;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 其他设备下，仍旧使用1倍的方案
|
||||||
|
dpr = 1;
|
||||||
|
}
|
||||||
|
scale = 1 / dpr;
|
||||||
|
}
|
||||||
|
docEl.setAttribute('data-dpr', dpr);
|
||||||
|
if (!metaEl) {
|
||||||
|
metaEl = doc.createElement('meta');
|
||||||
|
metaEl.setAttribute('name', 'viewport');
|
||||||
|
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
|
||||||
|
if (docEl.firstElementChild) {
|
||||||
|
docEl.firstElementChild.appendChild(metaEl);
|
||||||
|
} else {
|
||||||
|
var wrap = doc.createElement('div');
|
||||||
|
wrap.appendChild(metaEl);
|
||||||
|
doc.write(wrap.innerHTML);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function refreshRem(){
|
||||||
|
var width = docEl.getBoundingClientRect().width;
|
||||||
|
if (width / dpr > 730) {
|
||||||
|
width = 730 * dpr;
|
||||||
|
}
|
||||||
|
var rem = width / 10;
|
||||||
|
docEl.style.fontSize = rem + 'px';
|
||||||
|
flexible.rem = win.rem = rem;
|
||||||
|
}
|
||||||
|
win.addEventListener('resize', function() {
|
||||||
|
clearTimeout(tid);
|
||||||
|
tid = setTimeout(refreshRem, 300);
|
||||||
|
}, false);
|
||||||
|
win.addEventListener('pageshow', function(e) {
|
||||||
|
if (e.persisted) {
|
||||||
|
clearTimeout(tid);
|
||||||
|
tid = setTimeout(refreshRem, 300);
|
||||||
|
}
|
||||||
|
}, false);
|
||||||
|
if (doc.readyState === 'complete') {
|
||||||
|
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||||
|
} else {
|
||||||
|
doc.addEventListener('DOMContentLoaded', function(e) {
|
||||||
|
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
refreshRem();
|
||||||
|
flexible.dpr = win.dpr = dpr;
|
||||||
|
flexible.refreshRem = refreshRem;
|
||||||
|
flexible.rem2px = function(d) {
|
||||||
|
var val = parseFloat(d) * this.rem;
|
||||||
|
if (typeof d === 'string' && d.match(/rem$/)) {
|
||||||
|
val += 'px';
|
||||||
|
}
|
||||||
|
return val;
|
||||||
|
}
|
||||||
|
flexible.px2rem = function(d) {
|
||||||
|
var val = parseFloat(d) / this.rem;
|
||||||
|
if (typeof d === 'string' && d.match(/px$/)) {
|
||||||
|
val += 'rem';
|
||||||
|
}
|
||||||
|
return val;
|
||||||
|
}
|
||||||
|
})(window, window['lib'] || (window['lib'] = {}));
|
||||||
4
view/peko/home1/js/html5shiv.min.js
vendored
Normal file
4
view/peko/home1/js/html5shiv.min.js
vendored
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
/**
|
||||||
|
* @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);
|
||||||
121
view/peko/home1/js/index.js
Normal file
121
view/peko/home1/js/index.js
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
/* eslint-disable semi */
|
||||||
|
/* eslint-disable no-undef */
|
||||||
|
let version = checkVersion()
|
||||||
|
let urlData = getQueryString()
|
||||||
|
const urlPrefix = getUrlPrefix()
|
||||||
|
//获取url参数
|
||||||
|
let channelData = urlData.channel
|
||||||
|
//定义官方渠道包
|
||||||
|
const channelDict = {
|
||||||
|
'poke0': 'https://image.lecheng163.com/poke_poke0.apk',
|
||||||
|
'poke1': 'https://image.lecheng163.com/poke_poke1.apk',
|
||||||
|
'poke2': 'https://image.lecheng163.com/poke_poke2.apk',
|
||||||
|
'poke3': 'https://image.lecheng163.com/poke_poke3.apk',
|
||||||
|
'poke4': 'https://image.lecheng163.com/poke_poke4.apk',
|
||||||
|
'poke5': 'https://image.lecheng163.com/poke_poke5.apk',
|
||||||
|
'poke6': 'https://image.lecheng163.com/poke_poke6.apk',
|
||||||
|
'poke7': 'https://image.lecheng163.com/poke_poke7.apk',
|
||||||
|
'poke8': 'https://image.lecheng163.com/poke_poke8.apk',
|
||||||
|
'poke9': 'https://image.lecheng163.com/poke_poke9.apk',
|
||||||
|
'poke10': 'https://image.lecheng163.com/poke_poke10.apk',
|
||||||
|
'gongzhonghao': 'https://image.lecheng163.com/poke_gongzhonghao.apk',
|
||||||
|
'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
|
||||||
|
|
||||||
|
// 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
|
||||||
|
}
|
||||||
|
$(function () {
|
||||||
|
|
||||||
|
//判断url参数是否是与渠道包名一致
|
||||||
|
let androidUrl = null;
|
||||||
|
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.pekolive';
|
||||||
|
let iosUrl = 'http://doudouyue.com/8axv' //ios企业包
|
||||||
|
// let iosUrl = 'https://apps.apple.com/cn/app/id1571083482' //ios商店包
|
||||||
|
|
||||||
|
if (version.ios) {
|
||||||
|
$('.button-wrapper').on('click', function () {
|
||||||
|
if (version.weixin) {
|
||||||
|
$('.tips').show()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
window.location.href = iosUrl;
|
||||||
|
})
|
||||||
|
|
||||||
|
} else if (version.android) {
|
||||||
|
$('.button-wrapper').on('click', function () {
|
||||||
|
if (version.weixin) {
|
||||||
|
$('.tips').show()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
window.location.href = androidUrl;
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
$('.button-wrapper').on('click', function () {
|
||||||
|
window.location.href = androidUrl;
|
||||||
|
})
|
||||||
|
$('.button2-wrapper').on('click', function () {
|
||||||
|
window.location.href = iosUrl;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
function swiperFun () {
|
||||||
|
var swiper = new Swiper('.swiper', {
|
||||||
|
direction: 'horizontal',
|
||||||
|
loop: true,
|
||||||
|
autoplay: 5000,
|
||||||
|
slidesPerView: "auto",
|
||||||
|
centeredSlides: true,
|
||||||
|
spaceBetween: 0,
|
||||||
|
initialSlide: 1,//默认第二个居中
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
$(document).ready(function () {
|
||||||
|
var deviceWidth = document.documentElement.clientWidth;
|
||||||
|
if (deviceWidth > 768) {
|
||||||
|
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||||
|
} else {
|
||||||
|
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
window.onresize = function () {
|
||||||
|
var deviceWidth = document.documentElement.clientWidth;
|
||||||
|
// console.log('deviceWidth', deviceWidth);
|
||||||
|
if (deviceWidth > 768) {
|
||||||
|
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||||
|
} else {
|
||||||
|
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
swiperFun();
|
||||||
|
|
||||||
|
//跳转pc端充值
|
||||||
|
$('.homePc .charge').click(function () {
|
||||||
|
window.location.href = urlPrefix + '/peko/modules/payPc/index.html?channelType=4';
|
||||||
|
})
|
||||||
|
// 跳转移动端h5充值
|
||||||
|
$('.homeM .charge').click(function () {
|
||||||
|
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||||
|
})
|
||||||
|
// logo跳转
|
||||||
|
$('.googlePlay').click(function () {
|
||||||
|
return
|
||||||
|
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.pekolive'
|
||||||
|
})
|
||||||
|
$('.appleStore').click(function () {
|
||||||
|
// console.log(version, 'version');
|
||||||
|
if (version.webKit && version.ios) {
|
||||||
|
window.location.href = 'https://apps.apple.com/cn/app/id6446155565'
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
window.location.href = 'http://doudouyue.com/3gh2'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
$('.apk').click(function () {
|
||||||
|
window.location.href = 'https://img.pekolive.com/piko_official.apk'
|
||||||
|
})
|
||||||
|
})
|
||||||
4
view/peko/home1/js/jquery.min.js
vendored
Normal file
4
view/peko/home1/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
69
view/peko/home1/js/jquery.qrcode.js
Normal file
69
view/peko/home1/js/jquery.qrcode.js
Normal file
File diff suppressed because one or more lines are too long
6
view/peko/home1/js/respond.min.js
vendored
Normal file
6
view/peko/home1/js/respond.min.js
vendored
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
/*! 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);
|
||||||
19
view/peko/home1/js/swiper.min.js
vendored
Normal file
19
view/peko/home1/js/swiper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
68
view/peko/home1/js/utf.js
Normal file
68
view/peko/home1/js/utf.js
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
/* 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;
|
||||||
|
}
|
||||||
20
view/peko/home1/support.html
Normal file
20
view/peko/home1/support.html
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
|
<title>piko技术服务支持</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
|
<style>
|
||||||
|
*{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<img src="./images/support.png" alt="" style="width: 100%;">
|
||||||
|
<!-- <script src="../../common/js/flexible.js"></script> -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user