Compare commits
29 Commits
sdk
...
check-home
Author | SHA1 | Date | |
---|---|---|---|
![]() |
ca8e33ce2d | ||
![]() |
cf14b11790 | ||
![]() |
29f19415f9 | ||
![]() |
3c91a1d197 | ||
![]() |
aa59c5eab2 | ||
![]() |
a37bd171fc | ||
![]() |
b23e8e7aa1 | ||
![]() |
f26cbc90a5 | ||
![]() |
9eb04842f8 | ||
![]() |
de73fbf5c1 | ||
![]() |
0d69f497cf | ||
![]() |
96aaa4bd69 | ||
![]() |
e1dda9d536 | ||
![]() |
79523d2c16 | ||
![]() |
73e1e53d79 | ||
![]() |
b3a364af70 | ||
![]() |
f10829421c | ||
![]() |
0a1514f7d9 | ||
![]() |
dfd9bdc23c | ||
![]() |
aee9ee1819 | ||
![]() |
15b88a3930 | ||
![]() |
7f7e13d1d6 | ||
![]() |
0d9ac965ce | ||
![]() |
fe16f7d03c | ||
![]() |
5f586d0280 | ||
![]() |
f2b1592d91 | ||
![]() |
840c745b41 | ||
![]() |
760c38a415 | ||
![]() |
906c1623e0 |
@@ -834,28 +834,29 @@ body {
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
|
||||
font-family: "pingfang-regular";
|
||||
width: 6.1333333333rem;
|
||||
width: 5.8666666667rem;
|
||||
height: 0.9333333333rem;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0.48rem;
|
||||
margin: 0.2666666667rem auto 0.08rem;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding: 0.0666666667rem;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span {
|
||||
display: inline-block;
|
||||
width: 2.8rem;
|
||||
width: 50%;
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
text-align: center;
|
||||
font-size: 0.4rem;
|
||||
color: white;
|
||||
margin-top: 0.0666666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap span:first-child {
|
||||
margin-left: 0.1866666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap .active {
|
||||
background-color: white;
|
||||
color: #F5A03A;
|
||||
color: #F56801;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap {
|
||||
@@ -911,14 +912,14 @@ body {
|
||||
margin: 0;
|
||||
margin-top: -0.2666666667rem;
|
||||
margin-bottom: 0.0533333333rem;
|
||||
color: #FF5110;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 6.9rem;
|
||||
height: 7rem;
|
||||
padding: 0.4rem 0.2666666667rem 0;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0.25rem;
|
||||
@@ -934,7 +935,7 @@ body {
|
||||
width: 0.4rem;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
|
||||
@@ -952,12 +953,12 @@ body {
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #333333;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #FF7700;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
|
||||
color: #FF5110;
|
||||
@@ -981,11 +982,13 @@ body {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info img {
|
||||
width: 1.0666666667rem;
|
||||
@@ -1007,9 +1010,10 @@ body {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
|
||||
color: #FF5110;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .shade-mask-fragmentNum {
|
||||
|
@@ -1098,30 +1098,35 @@ body {
|
||||
|
||||
.tab-wrap {
|
||||
font-family: 'pingfang-regular';
|
||||
width: px2rem(460);
|
||||
width: px2rem(440);
|
||||
height: px2rem(70);
|
||||
background-color: rgba($color: #fff, $alpha: .3);
|
||||
border-radius: px2rem(36);
|
||||
margin: px2rem(20) auto px2rem(6);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding: px2rem(5, );
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: px2rem(210);
|
||||
// width: px2rem(210, );
|
||||
width: 50%;
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
text-align: center;
|
||||
font-size: px2rem(30);
|
||||
color: white;
|
||||
margin-top: px2rem(5);
|
||||
|
||||
&:first-child {
|
||||
margin-left: px2rem(14);
|
||||
}
|
||||
// &:first-child {
|
||||
// margin-left: px2rem(14);
|
||||
// }
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: white;
|
||||
color: #F5A03A;
|
||||
color: #F56801;
|
||||
border-radius: px2rem(30);
|
||||
}
|
||||
}
|
||||
@@ -1188,7 +1193,7 @@ body {
|
||||
margin: 0;
|
||||
margin-top: px2rem(-20);
|
||||
margin-bottom: px2rem(4);
|
||||
color: #FF5110;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
@@ -1199,7 +1204,7 @@ body {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 6.9rem;
|
||||
height: 7rem;
|
||||
// background-color: white;
|
||||
padding: px2rem(30) px2rem(20) 0;
|
||||
box-sizing: border-box;
|
||||
@@ -1221,7 +1226,7 @@ body {
|
||||
width: px2rem(30);
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1241,14 +1246,14 @@ body {
|
||||
.others-nick {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.others-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
color: #FF7700;
|
||||
|
||||
b {
|
||||
color: #FF5110;
|
||||
@@ -1277,12 +1282,14 @@ body {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space:nowrap;
|
||||
|
||||
img {
|
||||
width: px2rem(80);
|
||||
@@ -1307,9 +1314,10 @@ body {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
white-space:nowrap;
|
||||
|
||||
b {
|
||||
color: #FF5110;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 247 KiB After Width: | Height: | Size: 157 KiB |
@@ -196,7 +196,7 @@
|
||||
</div>
|
||||
|
||||
<!-- 今日排名弹窗 -->
|
||||
<div class="shade-mask-rank">
|
||||
<div class="shade-mask-rank" >
|
||||
<div class="shade-content-rank">
|
||||
<div class="rank-top">
|
||||
|
||||
|
@@ -1294,4 +1294,16 @@ $(function () {
|
||||
$countDown.html(countDownTime)
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
//返回页面 重新请求接口
|
||||
var hiddenProperty = 'hidden' in document ? 'hidden' :
|
||||
'webkitHidden' in document ? 'webkitHidden' :
|
||||
'mozHidden' in document ? 'mozHidden' : null;
|
||||
|
||||
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
|
||||
var onVisibilityChange = function () {
|
||||
if (!document[hiddenProperty]) {
|
||||
location.reload()
|
||||
}
|
||||
}
|
||||
document.addEventListener(visibilityChangeEvent, onVisibilityChange);
|
Before Width: | Height: | Size: 217 KiB |
@@ -542,7 +542,7 @@ function getInfoFromClient () {
|
||||
} else {
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = 0;
|
||||
pubInfo.ticket = "";
|
||||
pubInfo.ticket = "0";
|
||||
// pubInfo.uid = "";
|
||||
// pubInfo.ticket = "";
|
||||
|
||||
|
BIN
view/peko/home/images/android.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/peko/home/images/btn_left.png
Normal file
After Width: | Height: | Size: 1012 B |
BIN
view/peko/home/images/btn_right.png
Normal file
After Width: | Height: | Size: 1021 B |
BIN
view/peko/home/images/close.png
Normal file
After Width: | Height: | Size: 954 B |
BIN
view/peko/home/images/ios.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/peko/home/images/kefu1.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/home/images/kefu2.png
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
view/peko/home/images/li.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/home/images/li_active.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
view/peko/home/images/logo.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/peko/home/images/mpic1.png
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
view/peko/home/images/mpic2.png
Normal file
After Width: | Height: | Size: 2.1 MiB |
221
view/peko/homeCheck/css/index.css
Normal file
@@ -0,0 +1,221 @@
|
||||
@charset "UTF-8";
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: "Heiti SC", "Microsoft Sans Serif"; }
|
||||
|
||||
.container {
|
||||
position: relative; }
|
||||
|
||||
.homePc {
|
||||
width: 100%;
|
||||
height: 10.8rem;
|
||||
background: url(../images/homePc.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.homePc .logo {
|
||||
width: 2.35rem;
|
||||
height: 0.8rem;
|
||||
position: absolute;
|
||||
top: 0.36rem;
|
||||
left: 2.4rem; }
|
||||
.homePc .name {
|
||||
font-size: 0.3rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: 0.55rem;
|
||||
left: 3.22rem; }
|
||||
.homePc .charge {
|
||||
font-size: 0.32rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 4.24rem;
|
||||
top: 0.5rem; }
|
||||
.homePc p {
|
||||
font-size: 0.32rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 3.95rem;
|
||||
top: 0.5rem; }
|
||||
.homePc .zhichi {
|
||||
font-size: 0.3rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 2.4rem;
|
||||
top: 0.5rem; }
|
||||
.homePc .swiper {
|
||||
width: 12.6rem;
|
||||
height: 9.55rem;
|
||||
margin: 1.25rem 0 0 4.1rem;
|
||||
position: relative;
|
||||
overflow-y: hidden; }
|
||||
.homePc .swiper .swiper-wrapper {
|
||||
width: 10.8rem;
|
||||
height: 100%;
|
||||
/*先去掉前进后退按钮默认样式*/
|
||||
--swiper-navigation-size:0; }
|
||||
.homePc .swiper .swiper-wrapper .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%); }
|
||||
.homePc .swiper .swiper-pagination {
|
||||
width: 0.63rem;
|
||||
height: 2.07rem;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 0.4rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
right: 0rem; }
|
||||
.homePc .swiper .swiper-pagination .swiper-pagination-bullet {
|
||||
width: 0.22rem !important;
|
||||
height: 0.22rem !important;
|
||||
background: none !important;
|
||||
background-image: url(../images/li.png) !important;
|
||||
background-size: 100% 100% !important;
|
||||
opacity: 1 !important;
|
||||
margin: 0.35rem auto; }
|
||||
.homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
|
||||
background: none !important;
|
||||
background-image: url(../images/li_active.png) !important;
|
||||
background-size: 100% 100% !important;
|
||||
opacity: 1 !important; }
|
||||
|
||||
.eori {
|
||||
width: 100%;
|
||||
background: #30312C;
|
||||
color: white;
|
||||
padding: 0.2rem 0;
|
||||
vertical-align: top; }
|
||||
.eori .recordfoot {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 0.1rem; }
|
||||
.eori .recordfoot .record {
|
||||
display: inline-block;
|
||||
padding-right: 0.0533333333rem;
|
||||
height: 0.16rem;
|
||||
width: 0.15rem; }
|
||||
.eori .recordfoot a {
|
||||
font-size: 0.2rem;
|
||||
color: #fff; }
|
||||
.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; }
|
||||
|
||||
.service {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 9999;
|
||||
display: none; }
|
||||
.service .service_in {
|
||||
width: 8.23rem;
|
||||
height: 4.9rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.5rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden; }
|
||||
.service .service_in .close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.35rem;
|
||||
right: 0.4rem; }
|
||||
.service .service_in .title {
|
||||
width: 100%;
|
||||
font-size: 0.48rem;
|
||||
color: #2D2727;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin: 0.35rem 0; }
|
||||
.service .service_in .subhead {
|
||||
width: 100%;
|
||||
font-size: 0.24rem;
|
||||
color: #2D2727;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-bottom: 0.5rem; }
|
||||
.service .service_in .con {
|
||||
width: 100%;
|
||||
height: 2.6rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center; }
|
||||
.service .service_in .con div {
|
||||
flex: 1;
|
||||
font-size: 0.2rem;
|
||||
text-align: center; }
|
||||
.service .service_in .con .left {
|
||||
border-right: 1px solid #F0F0F0; }
|
||||
.service .service_in .con .left p e {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background-color: #ffe710; }
|
||||
.service .service_in .con .left img {
|
||||
width: 3rem;
|
||||
height: 1.7rem;
|
||||
margin-top: 0.38rem; }
|
||||
.service .service_in .con .right p e {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background-color: #ffe710; }
|
||||
.service .service_in .con .right img {
|
||||
width: 1.68rem;
|
||||
height: 1.68rem;
|
||||
margin-top: 0.38rem; }
|
||||
|
||||
.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.2666666667rem;
|
||||
width: 6.1333333333rem;
|
||||
z-index: 9; }
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
494
view/peko/homeCheck/css/index.scss
Normal file
@@ -0,0 +1,494 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+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: 10.8rem;
|
||||
background: url(../images/homePc.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.logo {
|
||||
width: 2.35rem;
|
||||
height: 0.8rem;
|
||||
position: absolute;
|
||||
top: 0.36rem;
|
||||
left: 2.4rem;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 0.3rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: 0.55rem;
|
||||
left: 3.22rem;
|
||||
}
|
||||
|
||||
.charge {
|
||||
font-size: 0.32rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 4.24rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.32rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 3.95rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
.zhichi {
|
||||
font-size: 0.3rem;
|
||||
color: #282828;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
right: 2.4rem;
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 12.6rem;
|
||||
height: 9.55rem;
|
||||
margin: 1.25rem 0 0 4.1rem;
|
||||
position: relative;
|
||||
// top: 0.81rem;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// overflow: hidden;
|
||||
overflow-y: hidden;
|
||||
|
||||
.swiper-wrapper {
|
||||
width: 10.8rem;
|
||||
height: 100%;
|
||||
|
||||
.swiper-slide {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*先去掉前进后退按钮默认样式*/
|
||||
--swiper-navigation-size:0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.swiper-pagination {
|
||||
width: 0.63rem;
|
||||
height: 2.07rem;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 0.4rem;
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
right: 0rem;
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
width: 0.22rem !important;
|
||||
height: 0.22rem !important;
|
||||
background: none !important;
|
||||
background-image: url(../images/li.png) !important;
|
||||
background-size: 100% 100% !important;
|
||||
opacity: 1 !important;
|
||||
margin: 0.35rem auto;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
// width: 30px !important;
|
||||
// height: 30px !important;
|
||||
background: none !important;
|
||||
background-image: url(../images/li_active.png) !important;
|
||||
background-size: 100% 100% !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.eori {
|
||||
// height: 1.2rem;
|
||||
width: 100%;
|
||||
background: #30312C;
|
||||
color: rgb(255, 255, 255);
|
||||
padding: 0.2rem 0;
|
||||
vertical-align: top;
|
||||
|
||||
.recordfoot {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 0.1rem;
|
||||
|
||||
.record {
|
||||
display: inline-block;
|
||||
padding-right: px2rem(4);
|
||||
height: 0.16rem;
|
||||
width: 0.15rem;
|
||||
// background: url(../images/icon_police.png) no-repeat;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 0.2rem;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.gongsi {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
font-size: 0.2rem;
|
||||
|
||||
&:nth-child(2) {
|
||||
margin: 0 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.service {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
|
||||
.service_in {
|
||||
width: 8.23rem;
|
||||
height: 4.9rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.5rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
|
||||
.close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.35rem;
|
||||
right: 0.4rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
font-size: 0.48rem;
|
||||
color: #2D2727;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin: 0.35rem 0;
|
||||
}
|
||||
|
||||
.subhead {
|
||||
width: 100%;
|
||||
font-size: 0.24rem;
|
||||
color: #2D2727;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.con {
|
||||
width: 100%;
|
||||
height: 2.6rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
|
||||
div {
|
||||
flex: 1;
|
||||
font-size: 0.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.left {
|
||||
border-right: 1px solid #F0F0F0;
|
||||
|
||||
p {
|
||||
e {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background-color: #ffe710;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 3rem;
|
||||
height: 1.7rem;
|
||||
margin-top: 0.38rem;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
p {
|
||||
e {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
line-height: 0.25rem;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background-color: #ffe710;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 1.68rem;
|
||||
height: 1.68rem;
|
||||
margin-top: 0.38rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 移动端
|
||||
// @media screen and (max-width:768px) {
|
||||
|
||||
// .pc-bg {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .m-bg {
|
||||
// display: block;
|
||||
// }
|
||||
|
||||
// .homeM {
|
||||
// width: 100%;
|
||||
// height: 14.3rem;
|
||||
// background: url(../images/homeM.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// position: relative;
|
||||
|
||||
// .logo {
|
||||
// height: 0.5rem;
|
||||
// padding: 0.1rem 0 0 0.34rem;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
// img {
|
||||
// width: 0.5rem;
|
||||
// height: 0.5rem;
|
||||
// margin-right: 0.08rem;
|
||||
// }
|
||||
|
||||
// p {
|
||||
// font-size: 0.26rem;
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .charge {
|
||||
// width: 0.6rem;
|
||||
// height: 0.4rem;
|
||||
// line-height: 0.4rem;
|
||||
// text-align: center;
|
||||
// border-radius: 0.1rem;
|
||||
// font-size: 0.26rem;
|
||||
// font-weight: 600;
|
||||
// position: absolute;
|
||||
// right: 0.34rem;
|
||||
// top: 0.2rem;
|
||||
// background-color: rgba(0, 0, 0, 0.2);
|
||||
// }
|
||||
|
||||
// .download {
|
||||
// width: 100%;
|
||||
// height: 0.84rem;
|
||||
// display: flex;
|
||||
// justify-content: space-evenly;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// bottom: 0.8rem;
|
||||
|
||||
// .iphone,
|
||||
// .android {
|
||||
// width: 2.78rem;
|
||||
// height: 0.84rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .swiper2 {
|
||||
// width: 100%;
|
||||
// height: 7.76rem;
|
||||
// position: absolute;
|
||||
// top: 4.5rem;
|
||||
// overflow-x: hidden;
|
||||
|
||||
// .swiper-wrapper {
|
||||
// width: 100%;
|
||||
// height: 8rem;
|
||||
|
||||
// .swiper-slide {
|
||||
// img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .swiper-pagination {
|
||||
// // width: 20%;
|
||||
// // height: 50%;
|
||||
// // transform: rotate(90deg);
|
||||
// position: absolute;
|
||||
// top: 6.8rem;
|
||||
// left: 0;
|
||||
|
||||
// .swiper-pagination-bullet {
|
||||
// width: 0.25rem !important;
|
||||
// height: 0.25rem !important;
|
||||
// background: none !important;
|
||||
// background-image: url(../images/li.png) !important;
|
||||
// background-size: 100% 100% !important;
|
||||
// opacity: 1 !important;
|
||||
// margin-right: 0.3rem;
|
||||
// }
|
||||
|
||||
// .swiper-pagination-bullet-active {
|
||||
// // width: 30px !important;
|
||||
// // height: 30px !important;
|
||||
// background: none !important;
|
||||
// background-image: url(../images/li_active.png) !important;
|
||||
// background-size: 100% 100% !important;
|
||||
// opacity: 1 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// .eori {
|
||||
// // height: 1.2rem;
|
||||
// width: 100%;
|
||||
// background: #30312C;
|
||||
// color: rgb(255, 255, 255);
|
||||
// padding: 0.2rem 0;
|
||||
|
||||
// .recordfoot {
|
||||
// color: #fff;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
// .record {
|
||||
// display: inline-block;
|
||||
// padding-right: px2rem(4);
|
||||
// height: 0.3rem;
|
||||
// width: 0.3rem;
|
||||
// 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;
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
|
||||
.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/homeCheck/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/homeCheck/css/swiper.min.css
vendored
Normal file
BIN
view/peko/homeCheck/images/homeM.png
Normal file
After Width: | Height: | Size: 964 KiB |
BIN
view/peko/homeCheck/images/homePc.png
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
view/peko/homeCheck/images/icon_police.png
Normal file
After Width: | Height: | Size: 921 B |
BIN
view/peko/homeCheck/images/li.png
Normal file
After Width: | Height: | Size: 945 B |
BIN
view/peko/homeCheck/images/li_active.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/peko/homeCheck/images/logo.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/peko/homeCheck/images/mpic1.png
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
view/peko/homeCheck/images/mpic2.png
Normal file
After Width: | Height: | Size: 2.1 MiB |
BIN
view/peko/homeCheck/images/pic1.png
Normal file
After Width: | Height: | Size: 429 KiB |
BIN
view/peko/homeCheck/images/pic2.png
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
view/peko/homeCheck/images/pic3.png
Normal file
After Width: | Height: | Size: 499 KiB |
BIN
view/peko/homeCheck/images/support.png
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
view/peko/homeCheck/images/tips.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
view/peko/homeCheck/images/title.png
Normal file
After Width: | Height: | Size: 16 KiB |
152
view/peko/homeCheck/index.html
Normal file
@@ -0,0 +1,152 @@
|
||||
<!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>peko</title>
|
||||
|
||||
<!-- <link rel="stylesheet" href="./home/css/reset.css"> -->
|
||||
<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="logo">
|
||||
<img src="./images/title.png" alt="">
|
||||
</div>
|
||||
<!-- <div class="name">音萌</div> -->
|
||||
<!-- <div class="charge">官方充值</div> -->
|
||||
<!-- <p>|</p> -->
|
||||
<a href="./support.html" class="zhichi">技术支持>></a>
|
||||
|
||||
<!-- 轮播 -->
|
||||
<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"></div>
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<!-- <div class="swiper-button-prev">
|
||||
<img src="./images/btn_left.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-button-next">
|
||||
<img src="./images/btn_right.png" alt="">
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="m-bg">
|
||||
<div class="homeM">
|
||||
<div class="logo">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<p>音萌</p>
|
||||
</div>
|
||||
<div class="swiper-container swiper2">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/mpic1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/mpic2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination swp"></div>
|
||||
</div>
|
||||
|
||||
<div class="download">
|
||||
<img src="./images/ios.png" class="iphone" alt="">
|
||||
<img src="./images/android.png" class="android" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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>Hong Kong Li Zhi Technology Co., Limited</p>
|
||||
<p>香港荔枝科技有限公司</p>
|
||||
<p>CR No:3040005</p>
|
||||
<p>地址:ROOM1803,18/F,TOWERONE,CHINAHONGKONGCIT</p>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 联系客服弹窗 -->
|
||||
<div class="service">
|
||||
<div class="service_in">
|
||||
<img src="./images/close.png" class="close" alt="">
|
||||
<div class="title">客服服务</div>
|
||||
<div class="subhead">为能提供更好的服务,您可以通过一下方式联系我们</div>
|
||||
<div class="con">
|
||||
<div class="left">
|
||||
<p>
|
||||
<e>1</e>个人中心-联系客服
|
||||
</p>
|
||||
<img src="./images/kefu1.png" alt="">
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<e>2</e>扫码添加官方微信咨询
|
||||
</p>
|
||||
<img src="./images/kefu2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</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/homeCheck/js/common.js
Normal file
@@ -0,0 +1,321 @@
|
||||
const productUrl = 'https://api.pekolive.com'; // 正式环境
|
||||
const testUrl = 'https://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/homeCheck/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/homeCheck/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);
|
133
view/peko/homeCheck/js/index.js
Normal file
@@ -0,0 +1,133 @@
|
||||
/* eslint-disable semi */
|
||||
/* eslint-disable no-undef */
|
||||
let version = checkVersion()
|
||||
let urlData = getQueryString()
|
||||
const urlPrefix = getUrlPrefix()
|
||||
//获取url参数
|
||||
let channelData = urlData.channel
|
||||
//定义官方渠道包
|
||||
const channelDict = {
|
||||
'peko0': 'https://image.lecheng163.com/peko_peko0.apk',
|
||||
'peko1': 'https://image.lecheng163.com/peko_peko1.apk',
|
||||
'peko2': 'https://image.lecheng163.com/peko_peko2.apk',
|
||||
'peko3': 'https://image.lecheng163.com/peko_peko3.apk',
|
||||
'peko4': 'https://image.lecheng163.com/peko_peko4.apk',
|
||||
'peko5': 'https://image.lecheng163.com/peko_peko5.apk',
|
||||
'peko6': 'https://image.lecheng163.com/peko_peko6.apk',
|
||||
'peko7': 'https://image.lecheng163.com/peko_peko7.apk',
|
||||
'peko8': 'https://image.lecheng163.com/peko_peko8.apk',
|
||||
'peko9': 'https://image.lecheng163.com/peko_peko9.apk',
|
||||
'peko10': 'https://image.lecheng163.com/peko_peko10.apk',
|
||||
'gongzhonghao': 'https://image.lecheng163.com/peko_gongzhonghao.apk',
|
||||
'zhaohui': 'https://image.lecheng163.com/zhaohui.apk'
|
||||
|
||||
// 'baomihua01': 'https://image.lecheng163.com/accompany_release_v_213_1_baomihua01_sign.apk'
|
||||
}
|
||||
|
||||
function swiperFun() {
|
||||
var swiper = new Swiper('.swiper', {
|
||||
direction: 'vertical',
|
||||
pagination: '.swiper-pagination',
|
||||
paginationClickable: true,
|
||||
loop: true,
|
||||
autoplay: 4000,
|
||||
// nextButton: ".swiper-button-next",
|
||||
// prevButton: ".swiper-button-prev",
|
||||
|
||||
});
|
||||
}
|
||||
function swiperFun2() {
|
||||
var swiper2 = new Swiper('.swiper2', {
|
||||
direction: 'horizontal',
|
||||
pagination: '.swiper-pagination',
|
||||
paginationClickable: true,
|
||||
loop: true,
|
||||
autoplay: 4000,
|
||||
// nextButton: ".swiper-button-next",
|
||||
// prevButton: ".swiper-button-prev",
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
$(function () {
|
||||
|
||||
//判断url参数是否是与渠道包名一致
|
||||
let androidUrl = null;
|
||||
channelDict.hasOwnProperty(channelData) ? androidUrl = channelDict[channelData] : androidUrl = 'https://play.google.com/store/apps/details?id=com.vele.peko';
|
||||
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 () {
|
||||
$(document).ready(function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
swiperFun();
|
||||
// } else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
// swiperFun2()
|
||||
// }
|
||||
});
|
||||
window.onresize = function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// console.log('deviceWidth', deviceWidth);
|
||||
// if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
swiperFun();
|
||||
// } else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
// swiperFun2()
|
||||
// }
|
||||
}
|
||||
//跳转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';
|
||||
})
|
||||
// goglo跳转
|
||||
$('.googlePlay').click(function () {
|
||||
window.location.href = 'https://play.google.com/store/apps/details?id=com.vele.peko'
|
||||
})
|
||||
$('.appleStore').click(function () {
|
||||
// console.log(version, 'version');
|
||||
if (version.webKit && version.ios) {
|
||||
window.location.href = 'itms-services:///?action=download-manifest&url=https://img.pekolive.com/distribute.plist'
|
||||
} else {
|
||||
window.location.href = 'http://doudouyue.com/h958'
|
||||
}
|
||||
})
|
||||
$('.apk').click(function () {
|
||||
window.location.href = 'https://img.pekolive.com/peko_official.apk'
|
||||
})
|
||||
})
|
4
view/peko/homeCheck/js/jquery.min.js
vendored
Normal file
69
view/peko/homeCheck/js/jquery.qrcode.js
Normal file
6
view/peko/homeCheck/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/homeCheck/js/swiper.min.js
vendored
Normal file
68
view/peko/homeCheck/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/homeCheck/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>peko技术服务支持</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>
|
345
view/peko/modules/act-treasureSnatching/css/index.css
Normal file
@@ -0,0 +1,345 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.my {
|
||||
width: 100%;
|
||||
height: 2.4266666667rem;
|
||||
background: url(../images/myBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
overflow: hidden;
|
||||
}
|
||||
.my .tx {
|
||||
width: 1.1733333333rem;
|
||||
height: 1.1733333333rem;
|
||||
background: #005E15;
|
||||
border: 0.0133333333rem solid #fff;
|
||||
margin-top: 0.4133333333rem;
|
||||
margin-left: 0.4133333333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.0666666667rem;
|
||||
float: left;
|
||||
}
|
||||
.my .name {
|
||||
float: left;
|
||||
width: 2.4rem;
|
||||
margin-top: 0.88rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.my .but {
|
||||
width: 1.0666666667rem;
|
||||
height: 0.4266666667rem;
|
||||
line-height: 0.4266666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
margin-top: 0.8533333333rem;
|
||||
float: right;
|
||||
margin-right: 0.2666666667rem;
|
||||
margin-left: 0.12rem;
|
||||
}
|
||||
.my .num2 {
|
||||
margin-top: 0.92rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
}
|
||||
.my .icon2 {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: block;
|
||||
margin-top: 0.7466666667rem;
|
||||
margin-right: 0.12rem;
|
||||
float: right;
|
||||
margin-left: 0.3333333333rem;
|
||||
}
|
||||
.my .num1 {
|
||||
margin-top: 0.92rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
}
|
||||
.my .icon1 {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: block;
|
||||
margin-top: 0.7466666667rem;
|
||||
margin-right: 0.12rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.3333333333rem;
|
||||
margin: 0.6266666667rem auto 0;
|
||||
height: 9.9333333333rem;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
ul li {
|
||||
width: 4.4rem;
|
||||
height: 6.2133333333rem;
|
||||
margin-bottom: 0.4533333333rem;
|
||||
background: url(../images/prop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
ul li .title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 0.4933333333rem;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
ul li .giftImg {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.4533333333rem;
|
||||
}
|
||||
ul li .name {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
top: 3.72rem;
|
||||
}
|
||||
ul li .zs {
|
||||
width: 100%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 4.12rem;
|
||||
left: 0;
|
||||
}
|
||||
ul li .zs .icon {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
display: block;
|
||||
}
|
||||
ul li .zs b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
ul li .but {
|
||||
width: 2.1333333333rem;
|
||||
height: 0.6666666667rem;
|
||||
line-height: 0.6666666667rem;
|
||||
position: absolute;
|
||||
bottom: 0.7066666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
border-radius: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.buy .buy_in {
|
||||
width: 7.4933333333rem;
|
||||
height: 7.6rem;
|
||||
background: url(../images/pub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.buy .buy_in .title {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.4266666667rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
.buy .buy_in .num {
|
||||
position: absolute;
|
||||
left: 2.04rem;
|
||||
top: 2.6666666667rem;
|
||||
width: 3.4666666667rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.buy .buy_in .num b {
|
||||
display: inline-block;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.buy .buy_in .num .box {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 2.4rem;
|
||||
height: 0.5866666667rem;
|
||||
border-radius: 0.5866666667rem;
|
||||
background: #007F6C;
|
||||
position: relative;
|
||||
}
|
||||
.buy .buy_in .num .box input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
width: 0.9rem;
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.buy .buy_in .num .box .subtraction {
|
||||
position: absolute;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/subtraction.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .num .box .add {
|
||||
position: absolute;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: url(../images/add.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .day {
|
||||
position: absolute;
|
||||
width: 6rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
left: 2.04rem;
|
||||
top: 3.8133333333rem;
|
||||
}
|
||||
.buy .buy_in .day b {
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.buy .buy_in .day span {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
}
|
||||
.buy .buy_in .day i {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-style: normal;
|
||||
}
|
||||
.buy .buy_in .zs {
|
||||
position: absolute;
|
||||
width: 6rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
left: 2.04rem;
|
||||
top: 4.8533333333rem;
|
||||
}
|
||||
.buy .buy_in .zs b {
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.buy .buy_in .zs span {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
}
|
||||
.buy .buy_in .zs i {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-style: normal;
|
||||
}
|
||||
.buy .buy_in .close {
|
||||
width: 2.7733333333rem;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
text-align: center;
|
||||
color: #008573;
|
||||
font-size: 0.3466666667rem;
|
||||
position: absolute;
|
||||
left: 0.6533333333rem;
|
||||
bottom: 1.12rem;
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .ok {
|
||||
width: 2.7733333333rem;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
text-align: center;
|
||||
color: #8A4801;
|
||||
font-size: 0.3466666667rem;
|
||||
position: absolute;
|
||||
right: 0.6533333333rem;
|
||||
bottom: 1.12rem;
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
386
view/peko/modules/act-treasureSnatching/css/index.scss
Normal file
@@ -0,0 +1,386 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
// background: #00B7A3;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.my {
|
||||
width: 100%;
|
||||
height: px2rem(182, );
|
||||
background: url(../images/myBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
overflow: hidden;
|
||||
|
||||
.tx {
|
||||
width: px2rem(88, );
|
||||
height: px2rem(88, );
|
||||
background: #005E15;
|
||||
border: px2rem(1, ) solid #fff;
|
||||
margin-top: px2rem(31, );
|
||||
margin-left: px2rem(31, );
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(5, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.name {
|
||||
float: left;
|
||||
width: 2.4rem;
|
||||
margin-top: px2rem(66, );
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(80, );
|
||||
height: px2rem(32, );
|
||||
line-height: px2rem(32, );
|
||||
border-radius: px2rem(8, );
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
margin-top: px2rem(64, );
|
||||
float: right;
|
||||
margin-right: px2rem(20, );
|
||||
margin-left: px2rem(9, );
|
||||
}
|
||||
|
||||
.num2 {
|
||||
margin-top: px2rem(69, );
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icon2 {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
display: block;
|
||||
margin-top: px2rem(56, );
|
||||
// background: #FFF3AE;
|
||||
margin-right: px2rem(9, );
|
||||
float: right;
|
||||
margin-left: px2rem(25, );
|
||||
}
|
||||
|
||||
.num1 {
|
||||
margin-top: px2rem(69, );
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icon1 {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
display: block;
|
||||
margin-top: px2rem(56, );
|
||||
// background: #FFF3AE;
|
||||
margin-right: px2rem(9, );
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(700, );
|
||||
margin: px2rem(47, ) auto 0;
|
||||
height: px2rem(745, );
|
||||
// background: pink;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: row wrap;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(330, );
|
||||
height: px2rem(466, );
|
||||
margin-bottom: px2rem(34, );
|
||||
background: url(../images/prop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: px2rem(37, );
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
|
||||
.giftImg {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(109, );
|
||||
}
|
||||
|
||||
.name {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
top: px2rem(279, );
|
||||
}
|
||||
|
||||
.zs {
|
||||
width: 100%;
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: px2rem(309, );
|
||||
left: 0;
|
||||
|
||||
.icon {
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(160, );
|
||||
height: px2rem(50, );
|
||||
line-height: px2rem(50, );
|
||||
position: absolute;
|
||||
bottom: px2rem(53, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
border-radius: px2rem(8, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.buy_in {
|
||||
width: px2rem(562, );
|
||||
height: px2rem(570, );
|
||||
background: url(../images/pub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(107, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
left: px2rem(153, );
|
||||
top: px2rem(200, );
|
||||
width: px2rem(260, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
}
|
||||
|
||||
.box {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: px2rem(180, );
|
||||
height: px2rem(44, );
|
||||
border-radius: px2rem(44, );
|
||||
background: #007F6C;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
width: 0.9rem;
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subtraction {
|
||||
position: absolute;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/subtraction.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.add {
|
||||
position: absolute;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: url(../images/add.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.day {
|
||||
position: absolute;
|
||||
width: px2rem(450, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
left: px2rem(153, );
|
||||
top: px2rem(286, );
|
||||
|
||||
b {
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
}
|
||||
|
||||
i {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.zs {
|
||||
position: absolute;
|
||||
width: px2rem(450, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
left: px2rem(153, );
|
||||
top: px2rem(364, );
|
||||
|
||||
b {
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
}
|
||||
|
||||
i {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(208, );
|
||||
height: px2rem(64, );
|
||||
line-height: px2rem(64, );
|
||||
text-align: center;
|
||||
color: #008573;
|
||||
font-size: px2rem(26, );
|
||||
position: absolute;
|
||||
left: px2rem(49, );
|
||||
bottom: px2rem(84, );
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: px2rem(208, );
|
||||
height: px2rem(64, );
|
||||
line-height: px2rem(64, );
|
||||
text-align: center;
|
||||
color: #8A4801;
|
||||
font-size: px2rem(26, );
|
||||
position: absolute;
|
||||
right: px2rem(49, );
|
||||
bottom: px2rem(84, );
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
140
view/peko/modules/act-treasureSnatching/css/list.css
Normal file
@@ -0,0 +1,140 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 5.7333333333rem;
|
||||
height: 0.3866666667rem;
|
||||
margin: 0.68rem auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tab div {
|
||||
width: 2.4rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tab div span {
|
||||
position: absolute;
|
||||
width: 1.6rem;
|
||||
height: 0.1066666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.1466666667rem;
|
||||
display: none;
|
||||
}
|
||||
.tab .active {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab .active span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 0.36rem auto 0.3066666667rem;
|
||||
color: #59FDFF;
|
||||
font-size: 0.2666666667rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.2rem;
|
||||
height: 10.1333333333rem;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 1.4666666667rem;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
margin-bottom: 0.2266666667rem;
|
||||
}
|
||||
ul li .num {
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-left: 0.5333333333rem;
|
||||
margin-right: 0.56rem;
|
||||
}
|
||||
ul li .tx {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 1.3066666667rem;
|
||||
height: 1.3066666667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
background: #00332C;
|
||||
margin-top: 0.08rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
}
|
||||
ul li .name {
|
||||
width: 2.76rem;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
ul li .icon {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-top: 0.4rem;
|
||||
float: right;
|
||||
}
|
||||
ul li .score {
|
||||
float: right;
|
||||
margin-right: 0.4rem;
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
ul .active .num {
|
||||
width: 0.8266666667rem;
|
||||
height: 1.0666666667rem;
|
||||
line-height: 0.8rem;
|
||||
text-align: center;
|
||||
background: url(../images/No.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
float: left;
|
||||
margin-right: 0.3066666667rem;
|
||||
margin-left: 0.2133333333rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=list.css.map */
|
160
view/peko/modules/act-treasureSnatching/css/list.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(430, );
|
||||
height: px2rem(29, );
|
||||
margin: px2rem(51, ) auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(180, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(120, );
|
||||
height: px2rem(8, );
|
||||
border-radius: px2rem(8, );
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-11, );
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: bold;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: px2rem(27, ) auto px2rem(23, );
|
||||
color: #59FDFF;
|
||||
font-size: px2rem(20, );
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(760, );
|
||||
// background: pink;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(110, );
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
margin-bottom: px2rem(17, );
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
font-size: px2rem(32, );
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(40, );
|
||||
margin-right: px2rem(42, );
|
||||
}
|
||||
|
||||
.tx {
|
||||
display: block;
|
||||
float: left;
|
||||
width: px2rem(98, );
|
||||
height: px2rem(98, );
|
||||
border-radius: 50%;
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
background: #00332C;
|
||||
margin-top: px2rem(6, );
|
||||
margin-right: px2rem(16, );
|
||||
}
|
||||
|
||||
.name {
|
||||
width: px2rem(207, );
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
// margin-right: px2rem(90, );
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
// background: #2D4319;
|
||||
margin-top: 0.4rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(30, );
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
.num {
|
||||
width: px2rem(62, );
|
||||
height: px2rem(80, );
|
||||
line-height: px2rem(60, );
|
||||
text-align: center;
|
||||
background: url(../images/No.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
float: left;
|
||||
margin-right: px2rem(23, );
|
||||
margin-left: px2rem(16, );
|
||||
}
|
||||
}
|
||||
}
|
92
view/peko/modules/act-treasureSnatching/css/record.css
Normal file
@@ -0,0 +1,92 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.ul {
|
||||
width: 9.2rem;
|
||||
height: 11.3333333333rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0.6rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.4533333333rem;
|
||||
}
|
||||
.ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
.ul li {
|
||||
width: 100%;
|
||||
margin-bottom: 0.6133333333rem;
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
position: relative;
|
||||
height: 1.4666666667rem;
|
||||
line-height: 1.4666666667rem;
|
||||
}
|
||||
.ul li .txBox {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
border-radius: 0.16rem;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
}
|
||||
.ul li .txBox img {
|
||||
position: absolute;
|
||||
width: 1.4533333333rem;
|
||||
height: 1.4533333333rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.ul li .giftName {
|
||||
width: 2.6666666667rem;
|
||||
margin: 0 0.6rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.ul li .score {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.ul li .probability {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: right;
|
||||
margin-right: 0.3333333333rem;
|
||||
}
|
||||
.ul .active {
|
||||
width: 100%;
|
||||
height: 8.9333333333rem;
|
||||
background: url(../images/record_not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.ul .active div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=record.css.map */
|
106
view/peko/modules/act-treasureSnatching/css/record.scss
Normal file
@@ -0,0 +1,106 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.ul {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(850, );
|
||||
overflow-y: scroll;
|
||||
margin: px2rem(45, ) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(34, );
|
||||
// background: pink;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
margin-bottom: px2rem(46, );
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
position: relative;
|
||||
height: px2rem(110, );
|
||||
line-height: px2rem(110, );
|
||||
|
||||
.txBox {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
border-radius: px2rem(12, );
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(109, );
|
||||
height: px2rem(109, );
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: px2rem(200, );
|
||||
margin: 0 0.6rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.score {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.probability {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: right;
|
||||
margin-right: px2rem(25, );
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
width: 100%;
|
||||
height: px2rem(670, );
|
||||
background: url(../images/record_not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
// display: none;
|
||||
div {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
141
view/peko/modules/act-treasureSnatching/css/rule.css
Normal file
@@ -0,0 +1,141 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 4.6666666667rem;
|
||||
height: 0.3866666667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
.tab div {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tab div span {
|
||||
width: 1.6rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.16rem;
|
||||
height: 0.1066666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
display: none;
|
||||
}
|
||||
.tab .active {
|
||||
font-weight: bold;
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
.tab .active span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
width: 9.2rem;
|
||||
height: 10.2666666667rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0.6rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.4533333333rem;
|
||||
}
|
||||
.tab1::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
.tab1 li {
|
||||
width: 100%;
|
||||
margin-bottom: 0.6133333333rem;
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
position: relative;
|
||||
height: 1.4666666667rem;
|
||||
line-height: 1.4666666667rem;
|
||||
}
|
||||
.tab1 li .txBox {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
border-radius: 0.16rem;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
}
|
||||
.tab1 li .txBox img {
|
||||
position: absolute;
|
||||
width: 1.4533333333rem;
|
||||
height: 1.4533333333rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.tab1 li .giftName {
|
||||
width: 2.6666666667rem;
|
||||
margin: 0 0.2666666667rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.tab1 li .icon {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-top: 0.4rem;
|
||||
margin-right: 0.1733333333rem;
|
||||
}
|
||||
.tab1 li .score {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.tab1 li .probability {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: right;
|
||||
margin-right: 0.32rem;
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
width: 9.2rem;
|
||||
height: 10.6666666667rem;
|
||||
margin: 0.4666666667rem auto 0;
|
||||
background: #00A69D;
|
||||
border-radius: 0.2133333333rem;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
.tab2 img {
|
||||
width: 8.32rem;
|
||||
height: 10.3866666667rem;
|
||||
margin: 0.32rem auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=rule.css.map */
|
160
view/peko/modules/act-treasureSnatching/css/rule.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
// 活动规则
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(350, );
|
||||
height: px2rem(29, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(120, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
position: relative;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
width: px2rem(120, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-12, );
|
||||
height: px2rem(8, );
|
||||
border-radius: px2rem(8, );
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: bold;
|
||||
font-size: px2rem(30, );
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(770, );
|
||||
overflow-y: scroll;
|
||||
margin: px2rem(45, ) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(34, );
|
||||
// background: pink;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
margin-bottom: px2rem(46, );
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
position: relative;
|
||||
height: px2rem(110, );
|
||||
line-height: px2rem(110, );
|
||||
|
||||
.txBox {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
border-radius: px2rem(12, );
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(109, );
|
||||
height: px2rem(109, );
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: px2rem(200, );
|
||||
margin: 0 px2rem(20, ) 0 px2rem(156, );
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
float: left;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
// background: #BFFF87;
|
||||
margin-top: 0.4rem;
|
||||
margin-right: px2rem(13, );
|
||||
}
|
||||
|
||||
.score {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.probability {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: right;
|
||||
margin-right: px2rem(24, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(800, );
|
||||
margin: px2rem(35, ) auto 0;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(16, );
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
|
||||
img {
|
||||
width: px2rem(624, );
|
||||
height: px2rem(779, );
|
||||
margin: px2rem(24, ) auto 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
BIN
view/peko/modules/act-treasureSnatching/images/No.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/add.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/back.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/bg.png
Normal file
After Width: | Height: | Size: 785 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/buy.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/close.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/dbq.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/index_title.png
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/list_title.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/myBg.png
Normal file
After Width: | Height: | Size: 62 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/prop.png
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/pub.png
Normal file
After Width: | Height: | Size: 106 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_not.png
Normal file
After Width: | Height: | Size: 269 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_title.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_rule.png
Normal file
After Width: | Height: | Size: 286 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_title.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/subtraction.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/zs.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
75
view/peko/modules/act-treasureSnatching/index.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>夺宝达人</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/index_title.png" alt="" class="title">
|
||||
<!-- 自己 -->
|
||||
<div class="my">
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称用户昵称</div>
|
||||
<div class="but">充值</div>
|
||||
<div class="num2">100000</div>
|
||||
<img src="./images/zs.png" alt="" class="icon2">
|
||||
<div class="num1">10000</div>
|
||||
<img src="./images/dbq.png" alt="" class="icon1">
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="title">赠送夺宝券1张</div>
|
||||
<img src="" alt="" class="giftImg">
|
||||
<div class="name">我的可爱头饰(1天)</div>
|
||||
<div class="zs">
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<b>10</b>
|
||||
</div>
|
||||
<div class="but" packId='1' day=1 diamonds=10 name='圣光迪迦'>购买</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 购买弹窗 -->
|
||||
<div class="buy">
|
||||
<div class="buy_in">
|
||||
<div class="title">购买我是四个头饰</div>
|
||||
<div class="num">
|
||||
<b>数量:</b>
|
||||
<div class="box">
|
||||
<input type="number" value="1" name='content' maxlength="4" oninput = "value=value.replace(/[^\d]/g,'')">
|
||||
<div class="subtraction"></div>
|
||||
<div class="add"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day">
|
||||
<b>天数:</b> <span>10</span><i>天</i>
|
||||
</div>
|
||||
<div class="zs">
|
||||
<b>金额:</b> <span>10</span><i>钻石</i>
|
||||
</div>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">购买</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
227
view/peko/modules/act-treasureSnatching/js/index.js
Normal file
@@ -0,0 +1,227 @@
|
||||
// 封装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'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion();
|
||||
var diamondsAll = 0;
|
||||
var packIds;
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getList();
|
||||
getUserInfo();
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 用户信息接口
|
||||
function getUserInfo () {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/user/info',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.my .num2').text(unitProcessing(res.data.diamonds, 100000, 1, 'W'));
|
||||
$('.my .num1').text(res.data.drawTicketNum);
|
||||
$('.my .name').text(res.data.nick);
|
||||
$('.my .tx').attr('src', res.data.avatar);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 礼物列表接口
|
||||
function getList () {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/pack/list',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="title">贈送奪寶券${res.ticketNum}張</div>
|
||||
<img src="${res.imgUrl}" alt="" class="giftImg">
|
||||
<div class="name">${res.name}(1天)</div>
|
||||
<div class="zs">
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<b>${res.sellingPrice}</b>
|
||||
</div>
|
||||
<div class="but" packId='${res.id}' day=1 diamonds=${res.sellingPrice} name='${res.name}'>購買</div>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('ul').append(str);
|
||||
// 购买头饰按钮
|
||||
$('ul li .but').bind('on click', function () {
|
||||
var diamonds = Number($(this).attr('diamonds'));
|
||||
var day = Number($(this).attr('day'));
|
||||
var name = $(this).attr('name');
|
||||
packIds = $(this).attr('packId');
|
||||
$('.buy .buy_in .day span').text(day);
|
||||
$('.buy .buy_in .zs span').text(diamonds);
|
||||
$('.buy .buy_in .title').text(`购买${name}`);
|
||||
$(".buy .buy_in .num .box input").val(1);
|
||||
diamondsAll = diamonds;
|
||||
$('.buy').show();
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
setInterval(function () {
|
||||
getUserInfo();
|
||||
}, 1000)
|
||||
// 购买接口
|
||||
function buy (packId, packNum) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/activity/pack/buy',
|
||||
data: { packId, packNum, uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
getUserInfo();
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('购买成功')
|
||||
} else {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 充值按钮
|
||||
$('.my .but').click(function () {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
let channel = pubInfo.deviceInfo.channel;
|
||||
console.log(pubInfo.deviceInfo);
|
||||
if (channel == "google") {
|
||||
window.androidJsObj.openChargePage(0);
|
||||
} else {
|
||||
window.androidJsObj.openChargePage(9);
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
}
|
||||
})
|
||||
// 取消购买
|
||||
$('.buy .buy_in .close').click(function () {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
})
|
||||
// 确认购买按钮
|
||||
$('.buy .buy_in .ok').click(function () {
|
||||
var num = Number($('.buy .buy_in .num .box input').val());
|
||||
buy(packIds, num);
|
||||
})
|
||||
// 减少天数
|
||||
$('.buy .buy_in .num .box .subtraction').click(function () {
|
||||
var val = Number($(".buy .buy_in .num .box input").val());
|
||||
val--;
|
||||
if (val < 1) {
|
||||
toastMsg('购买不能小于1');
|
||||
val = 1;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
$(".buy .buy_in .num .box input").val(val);
|
||||
})
|
||||
// 增加天数
|
||||
$('.buy .buy_in .num .box .add').click(function () {
|
||||
var val = Number($(".buy .buy_in .num .box input").val());
|
||||
val++;
|
||||
if (val > 200) {
|
||||
toastMsg('购买最大200');
|
||||
val = 200;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
$(".buy .buy_in .num .box input").val(val);
|
||||
})
|
||||
// 监听input
|
||||
$("input[name='content']").bind('input propertychange', function () {
|
||||
var val = Number($(this).val());
|
||||
if (val > 200) {
|
||||
$(this).val(200);
|
||||
val = 200;
|
||||
toastMsg('购买最大200');
|
||||
} else if (val < 1) {
|
||||
$(this).val(1);
|
||||
val = 1;
|
||||
toastMsg('购买不能小于1');
|
||||
} else {
|
||||
$(this).val(val);
|
||||
val = val;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
});
|
95
view/peko/modules/act-treasureSnatching/js/list.js
Normal file
@@ -0,0 +1,95 @@
|
||||
// 封装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'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var timestamp = dateFormat(new Date().getTime(), 'yyyy-MM-dd');
|
||||
var timestampOut = dateFormat(new Date().getTime() - (24 * 60 * 60 * 1000), 'yyyy-MM-dd');
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getRankValue(timestamp);
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 榜单接口
|
||||
function getRankValue (rankDateStr) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/rank/value',
|
||||
data: { showOrder: 50, rankNum: 50, rankDateStr },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.rankList.forEach((res, i) => {
|
||||
str += `
|
||||
<li class="${i <= 2 ? 'active' : ''}">
|
||||
<div class="num">${res.order}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">${res.score}</div>
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('ul').append(str);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
$('ul li').remove();
|
||||
if (i == 1) {
|
||||
getRankValue(timestamp)
|
||||
} else {
|
||||
getRankValue(timestampOut)
|
||||
}
|
||||
})
|
134
view/peko/modules/act-treasureSnatching/js/record.js
Normal file
@@ -0,0 +1,134 @@
|
||||
// 封装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'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
var page = 1;
|
||||
var page1Locak1 = true;
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getDrawReward(page);
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 获取夺宝记录接口
|
||||
function getDrawReward (page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/draw/record',
|
||||
data: { uid: pubInfo.uid, pageSize: 10, page },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
if (page == 1 && res.data.length == 0) {
|
||||
str = `<li class="active"></li>`;
|
||||
} else {
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="txBox">
|
||||
<img class="txBoxImg${i + 1}" src="${res.rewardPicUrl}" alt="">
|
||||
</div>
|
||||
<div class="giftName">${res.rewardName}</div>
|
||||
<div class="score">${dateFormat(res.drawTime, 'yyyy.MM.dd')}</div>
|
||||
<div class="probability">${dateFormat(res.drawTime, 'hh:mm:ss')}</div>
|
||||
</li>
|
||||
`;
|
||||
});
|
||||
}
|
||||
$('.ul').append(str);
|
||||
res.data.forEach((res, i) => {
|
||||
if (res.rewardType == "activityProps") {
|
||||
//活动道具
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "gift") {
|
||||
//礼物
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "namePlate") {
|
||||
//铭牌
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||
} else if (res.rewardType == "car") {
|
||||
//座驾
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "headwear") {
|
||||
//头饰
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "chatBubble") {
|
||||
//气泡
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "infoCard") {
|
||||
//资料卡
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||
}
|
||||
})
|
||||
if (res.data.length == 0) {
|
||||
page1Locak1 = false;
|
||||
} else {
|
||||
page1Locak1 = true;
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
page1Locak1 = true;
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
page1Locak1 = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
//检测是否到达底部
|
||||
$(".ul").scroll(function () {
|
||||
var divHeight = $(this).height();
|
||||
var nScrollHeight = $(this)[0].scrollHeight;
|
||||
var nScrollTop = $(this)[0].scrollTop;
|
||||
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||
if (page1Locak1) {
|
||||
page++;
|
||||
console.log("到达底部了");
|
||||
page1Locak1 = false;
|
||||
getDrawReward(page)
|
||||
}
|
||||
}
|
||||
});
|
122
view/peko/modules/act-treasureSnatching/js/rule.js
Normal file
@@ -0,0 +1,122 @@
|
||||
// 封装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'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getPoolList();
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 奖池列表接口
|
||||
function getPoolList () {
|
||||
$('.tab1 li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/draw/pool/list',//item
|
||||
data: { orderType: 2 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li style="display: ${res.rewardShowValue <= 0 ? 'none' : 'block'}">
|
||||
<div class="txBox">
|
||||
<img class='txBoxImg${i + 1}' src="${res.rewardPicUrl}" alt="">
|
||||
</div>
|
||||
<div class="giftName">${res.rewardName}</div>
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<div class="score">${res.rewardShowValue}</div>
|
||||
<div class="probability">${res.showRatio / 1000}%</div>
|
||||
</li>
|
||||
`
|
||||
|
||||
});
|
||||
$('.tab1').append(str);
|
||||
res.data.forEach((res, i) => {
|
||||
if (res.rewardType == "activityProps") {
|
||||
//活动道具
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "gift") {
|
||||
//礼物
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "namePlate") {
|
||||
//铭牌
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||
} else if (res.rewardType == "car") {
|
||||
//座驾
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "headwear") {
|
||||
//头饰
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "chatBubble") {
|
||||
//气泡
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "infoCard") {
|
||||
//资料卡
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||
}
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误,请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// =======================规则页=======================
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
if (i == 1) {
|
||||
$('.tab1').show();
|
||||
$('.tab2').hide();
|
||||
} else {
|
||||
$('.tab2').show();
|
||||
$('.tab1').hide();
|
||||
}
|
||||
})
|
54
view/peko/modules/act-treasureSnatching/list.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>夺宝达人</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/list.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/list_title.png" alt="" class="title">
|
||||
<!-- tab -->
|
||||
<div class="tab">
|
||||
<div class="active">今日夺宝达人<span></span></div>
|
||||
<div>昨日夺宝达人<span></span></div>
|
||||
</div>
|
||||
<!-- 小标题 -->
|
||||
<p>根据参与夺宝精灵获得奖品总价值进行排名</p>
|
||||
<!-- 榜单列表 -->
|
||||
<ul>
|
||||
<!-- <li class="active">
|
||||
<div class="num">1</div>
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称呀呀呀呀</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">215.2W</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称呀呀呀呀</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">215.2W</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/list.js"></script>
|
42
view/peko/modules/act-treasureSnatching/record.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>获奖记录</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/record.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/record_title.png" alt="" class="title">
|
||||
<!-- 内容 -->
|
||||
<ul class="ul">
|
||||
<!-- <li class="active"></li> -->
|
||||
<!-- <li>
|
||||
<div class="txBox">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="giftName">我又我又我又啊</div>
|
||||
<div class="score">2023.01.03</div>
|
||||
<div class="probability">12:36:59</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/record.js"></script>
|
50
view/peko/modules/act-treasureSnatching/rule.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>玩法规则</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/rule.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/rule_title.png" alt="" class="title">
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
<div class="active">玩法概率<span></span></div>
|
||||
<div>玩法规则<span></span></div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul class="tab1">
|
||||
<li>
|
||||
<div class="txBox">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="giftName">我又我又我又啊</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">202.5W</div>
|
||||
<div class="probability">0%</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab2">
|
||||
<img src="./images/rule_rule.png" alt="">
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/rule.js"></script>
|
@@ -27,7 +27,7 @@
|
||||
<div class="message"></div>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="js/index.js?v=2.2"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script>
|
||||
|
@@ -2,7 +2,7 @@ let info = {}
|
||||
|
||||
$(function () {
|
||||
let browser = checkVersion();
|
||||
let api = locateJudge();
|
||||
let api = getUrlPrefix();
|
||||
let urlData = getQueryString();
|
||||
let pageNum = 1; //第一页
|
||||
let pageSize = 12; //每页条数,这个数字是排行的基数
|
||||
|
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.12cc56eedab054a8f9ca049e8cc508db.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.73ba128795dda6b5ae01.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.e3633322fedda0069bf2db5ba5e1b164.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.a2c8fc064a40e24832e3.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.bf94490e3e4d07823af1.js></script></body></html>
|
@@ -1,2 +0,0 @@
|
||||
webpackJsonp([10],{Y4f9:function(t,e){},"b+89":function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("Gu7T"),a=i.n(s),l=i("hff3"),n=i("+EAh"),o=i("X2Oc"),d={filters:{ellipsis:function(t){return t?t.length>13?t.slice(0,13)+"...":t:""},abs:function(t){return Math.abs(t)}},data:function(){return{type:0,billList:[],typeList:["收入記錄","支出記錄"],tableType:14,info:{},loading:!1,finished:!1,page:0,downTitle:"暫無更多記錄"}},watch:{tableType:function(t,e){switch(console.log(t,e),t){case 5:this.downTitle="無更多結算記錄";break;case 6:this.downTitle="無更多活動發放記錄";break;case 9:this.downTitle="無更多提現記錄";break;case 10:this.downTitle="無更多兌換記錄";break;case 14:this.downTitle="暫無更多記錄"}}},components:{navigation:l.a},created:function(){document.title="提現記錄",this.getInfo(),o.a.initNav({type:1,data:{msg:"鉆石記錄",link:n.e,title:"",showUrl:n.e,imgUrl:n.e,desc:""}})},methods:{setType:function(t){if(this.billList=[],this.loading=!0,this.finished=!1,this.page=0,this.type=t,t)return this.tableType=9,void this.getList(this.tableType);this.getList(this.tableType)},back:function(){this.$router.go(-1)},getDate:function(t){this.billList=[],this.page=0,this.finished=!1,this.loading=!0,this.tableType=t,this.getList(t)},onLoad:function(){this.page++,this.getList(this.tableType,this.page)},getList:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;(new Date).getTime();Object(n.i)({uid:window.sessionStorage.getItem("uid")||info.uid,type:t,date:(new Date).getTime(),pageNo:i,pageSize:20}).then(function(t){if(200===t.data.code){var s;if(1===i)e.billList=t.data.data.billList;else(s=e.billList).push.apply(s,a()(t.data.data.billList));e.loading=!1,console.log(t.data.data.billList,i),0===t.data.data.billList.length&&(e.finished=!0)}else e.$message.error(t.data.message),e.finished=!0})},dateFormat:function(t){return function(t){var e=new Date(t),i=e.getFullYear(),s=e.getMonth()+1;s=s<10?"0"+s:s;var a=e.getDate();a=a<10?"0"+a:a;var l=e.getHours();l=l<10?"0"+l:l;var n=e.getMinutes();n=n<10?"0"+n:n;var o=e.getSeconds();return i+"-"+s+"-"+a+" "+l+":"+n+":"+(o=o<10?"0"+o:o)}(t)},getInfo:function(){this.info.uid=o.a.tools.nativeUtils.getUid(),this.info.ticket=o.a.tools.nativeUtils.getTicket()}}},c={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"box-all"},[this.$store.state.isApp?t._e():s("navigation",{attrs:{title:"金幣記錄"}}),t._v(" "),s("div",{class:this.$store.state.isApp?"crystal-top crystal-top-app":"crystal-top"}),t._v(" "),s("van-list",{attrs:{finished:t.finished,"finished-text":t.downTitle},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.billList,function(e,a){return s("div",{key:a},t._l(e[e.date],function(e,a){return s("div",{key:a,staticClass:"data-list"},[s("div",{staticClass:"item"},[s("div",{staticClass:"item-left"},[5==t.tableType?s("div",{staticClass:"item-left-title"},[t._v("水晶 轉換 金幣收入")]):t._e(),t._v(" "),6==t.tableType?s("div",{staticClass:"item-left-title"},[t._v("活動發放 金幣收入")]):t._e(),t._v(" "),9==t.tableType?s("div",{staticClass:"item-left-title"},[t._v(t._s(t._f("abs")(e.amount))+"金幣提現")]):t._e(),t._v(" "),10==t.tableType?s("div",{staticClass:"item-left-title"},[t._v(t._s(t._f("abs")(e.amount))+"金幣兌換鉆石")]):t._e(),t._v(" "),14==t.tableType&&2==e.objType?s("div",{staticClass:"item-left-title"},[t._v("提現")]):t._e(),t._v(" "),14==t.tableType&&25==e.objType?s("div",{staticClass:"item-left-title"},[t._v("提現駁回")]):t._e(),t._v(" "),s("div",{staticClass:"item-left-dsc"},[t._v(t._s(t.dateFormat(e.recordTime)))])]),t._v(" "),s("div",{staticClass:"item-right"},[s("div",{staticClass:"item-right-img"},[s("img",{attrs:{src:i("Yxsz")}})]),t._v(" "),s("div",{class:2==e.objType?"reduceNum":"addNum"},[t._v(t._s(e.amount))])])])])}),0)}),0)],1)},staticRenderFns:[]};var r=i("VU/8")(d,c,!1,function(t){i("Y4f9")},"data-v-2c6c9454",null);e.default=r.exports}});
|
||||
//# sourceMappingURL=10.e221f303b5cd6ea692bf.js.map
|
@@ -1,2 +0,0 @@
|
||||
webpackJsonp([11],{"7c74":function(t,v){},CXh3:function(t,v,n){"use strict";Object.defineProperty(v,"__esModule",{value:!0});var a={created:function(){document.title="領獎說明"},components:{navigation:n("hff3").a}},e={render:function(){var t=this,v=t.$createElement,n=t._self._c||v;return n("div",{staticClass:"wrap"},[this.$store.state.isApp?t._e():n("navigation",{attrs:{title:"領獎說明"}}),t._v(" "),n("div",{staticClass:"part-title nomt"},[t._v("一、領獎綁定說明")]),t._v(" "),n("p",[t._v("\n 1.領獎前請前往app設置支付密碼、實名認證和綁定支付寶。\n ")]),t._v(" "),n("p",[t._v("\n 2.綁定時務必確保所填信息有效,填寫資料錯誤導致的提現失敗損失將由用戶自行承擔。\n ")]),t._v(" "),n("p",[t._v("\n 3.修改支付寶賬號時,暫不支持對賬號主體(即真實姓名和身份證號)進行修改。\n ")]),t._v(" "),n("div",{staticClass:"part-title"},[t._v("二、領獎規則")]),t._v(" "),n("p",[t._v("\n 1.用戶賬戶內可領獎金額大於等於10元時,可申請領獎,每次領獎按聽獎金額的6.5%收取交易手續費。\n ")]),t._v(" "),n("p",[t._v("\n 2.用戶隨時可申請提現,每周可提現5次,提交申請後審核及到賬時間為1個工作日內,具體到賬時間以綁定的支付寶賬號的到賬時間為準。\n ")]),t._v(" "),n("div",{staticClass:"part-title"},[t._v("三、領獎審核不通過的原因")]),t._v(" "),t._m(0),t._v(" "),n("p",[t._v("\n 2.如平臺檢測到用戶的peko賬戶有作弊或異常狀況,平臺將拒絕該用戶對收益進行提現。\n ")]),t._v(" "),n("p",[t._v("3.如對領獎金額有疑問,可聯系在線客服並提供相關信息進行查詢。")]),t._v(" "),n("p",[t._v("\n 4.peko有權依據國家政策、技術條件、產品功能等變化需要而對本說明進行修改並將修改後的說明予以發布,並對具體獎金發放規則及《領獎說明》擁有最終解釋權。\n ")])],1)},staticRenderFns:[function(){var t=this,v=t.$createElement,n=t._self._c||v;return n("div",[n("p",[t._v("1.支付寶賬號未完成實名認證或開啟了隱私保護功能。")]),t._v(" "),n("p",{staticClass:"a"},[t._v("解決辦法:")]),t._v(" "),n("p",{staticClass:"b"},[t._v("(1)完成支付寶收款賬號實名認證")]),t._v(" "),n("p",{staticClass:"b c"},[t._v("(2)前往支付寶→我的→設置→開啟【通過手機號找到我】")]),t._v(" "),n("p",{staticClass:"b"},[t._v("(3)完成上述操作後,可重新進行領獎申請")])])}]};var s=n("VU/8")(a,e,!1,function(t){n("7c74")},"data-v-2943ef01",null);v.default=s.exports}});
|
||||
//# sourceMappingURL=11.d272cf261efb570c4c27.js.map
|
@@ -1,2 +0,0 @@
|
||||
webpackJsonp([12],{RpvA:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=e("hff3"),i=e("+EAh"),n=e("X2Oc"),r=e("Fd2+"),o=e("KTi7"),c=e("QLzJ"),d=e("Z4iZ"),u={data:function(){return{number:"",gold:0,purse:{},info:{},showKeyboard:!1,password:""}},components:{navigation:a.a},created:function(){document.title="金幣兌換鉆石",this.getInfo(),this.getPurse(),n.a.initNav({type:4,data:{msg:"",link:"",title:"",showUrl:"",imgUrl:"",desc:""}})},methods:{back:function(){this.$router.go(-1)},sure:function(){if(this.number<=0)return this.$toast("兌換數量不可為0");this.showKeyboard=!0},exchange:function(){var t=this;r.b.loading({message:"加載中...",forbidClick:!0});var s="";s=Object(d.b)().app?Object(o.a)(this.password,"1ea53d260ecf11e7b56e00163e046a26"):Object(c.a)(this.password+"");var e={uid:window.sessionStorage.getItem("uid"),changeNum:this.number,paymentPwd:s,changeType:2};Object(i.d)(e).then(function(s){null!=s.data.data?(r.b.clear,Object(r.b)("兌換成功"),t.getPurse()):(r.b.clear,Object(r.b)(s.data.message),t.$message.error(s.data.message))})},getPurse:function(){var t=this;Object(i.q)({uid:window.sessionStorage.getItem("uid")}).then(function(s){null!=s.data?(t.purse=s.data.data,window.console.log(t.purse)):t.$message.error(s.data.message)})},getInfo:function(){this.info.uid=n.a.tools.nativeUtils.getUid(),this.info.ticket=n.a.tools.nativeUtils.getTicket()},onInput:function(t){this.password=(this.password+t).slice(0,6),6==this.password.length&&(this.showKeyboard=!1,this.exchange(),this.password="")},onDelete:function(){this.password=this.password.slice(0,this.password.length-1)}}},l={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"box-all"},[this.$store.state.isApp?t._e():e("navigation",{attrs:{title:"金幣兌換鉆石",rightTitle:""}}),t._v(" "),e("div",{staticClass:"crystal-father"},[t._m(0),t._v(" "),e("span",{staticClass:"crystal-text"},[t._v("余額:")]),t._v(" "),e("span",{staticClass:"crystal-number"},[t._v(t._s(t.purse.golds))])]),t._v(" "),e("div",{staticClass:"input-number"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.number,expression:"number"}],staticClass:"number",attrs:{placeholder:"請輸入兌換的金幣數量"},domProps:{value:t.number},on:{input:function(s){s.target.composing||(t.number=s.target.value)}}})]),t._v(" "),e("div",{staticClass:"diamond"},[t._m(1),t._v(" "),e("span",{staticClass:"crystal-text"},[t._v("余額:")]),t._v(" "),e("span",{staticClass:"crystal-number"},[t._v(t._s(t.purse.diamonds))])]),t._v(" "),e("div",{staticClass:"sure",on:{click:t.sure}},[t._v("確認兌換")]),t._v(" "),e("div",{staticClass:"bottom-text"},[t._v("金幣可兌換鉆石,兌換比率:1金幣=1鉆石,金幣數量必須為10的整數倍。")]),t._v(" "),e("van-password-input",{directives:[{name:"show",rawName:"v-show",value:t.showKeyboard,expression:"showKeyboard"}],staticClass:"passwrod-input",attrs:{value:t.password,focused:t.showKeyboard},on:{focus:function(s){t.showKeyboard=!0}}}),t._v(" "),e("van-number-keyboard",{attrs:{show:t.showKeyboard},on:{blur:function(s){t.showKeyboard=!1},input:t.onInput,delete:t.onDelete}})],1)},staticRenderFns:[function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"crystal"},[s("img",{attrs:{src:e("Yxsz")}})])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"crystal"},[s("img",{attrs:{src:e("QCm6")}})])}]};var h=e("VU/8")(u,l,!1,function(t){e("RsFa")},"data-v-07dc88dc",null);s.default=h.exports},RsFa:function(t,s){}});
|
||||
//# sourceMappingURL=12.abcd45ba53d9774263d2.js.map
|