Compare commits

...

29 Commits

Author SHA1 Message Date
qf
ca8e33ce2d peko商店包时间修改 2023-05-18 14:42:38 +08:00
qf
cf14b11790 tishen替换 2023-05-04 18:34:57 +08:00
qf
29f19415f9 获取渠道出错解决 2023-05-04 18:22:29 +08:00
qf
3c91a1d197 pubInfo.deviceInfo类型判断 2023-05-04 18:10:07 +08:00
qf
aa59c5eab2 渠道查询 2023-05-04 17:47:06 +08:00
qf
a37bd171fc 用户充值协议渠道链接修改 2023-05-04 17:35:48 +08:00
qf
b23e8e7aa1 协议增加商店包渠道跳转 2023-05-04 17:32:58 +08:00
qf
f26cbc90a5 提审用户充值协议:钻石规则修改 2023-05-04 16:47:13 +08:00
qf
9eb04842f8 新增peko提审包协议 2023-05-04 16:02:13 +08:00
qf
de73fbf5c1 提审官网:删除移动端样式 2023-04-27 18:29:13 +08:00
qf
0d69f497cf 提审官网:公共文件修改 2023-04-27 17:08:31 +08:00
qf
96aaa4bd69 提审官网:换标题 2023-04-27 17:05:42 +08:00
qf
e1dda9d536 提审官网 2023-04-27 16:55:41 +08:00
Dragon
79523d2c16 寻爱:更新获奖记录、获奖概率页面 2023-03-28 19:12:35 +08:00
Dragon
73e1e53d79 我的收益:新增寻爱之旅账单 2023-03-28 19:12:28 +08:00
Dragon
b3a364af70 厨房:更新字体颜色 2023-03-28 18:59:01 +08:00
Dragon
f10829421c 厨房:调整榜单标题间距 2023-03-28 18:33:37 +08:00
Dragon
0a1514f7d9 厨房:榜单标题调整间距 2023-03-28 18:27:23 +08:00
Dragon
dfd9bdc23c 厨房:替换今日榜单ui 2023-03-28 17:27:58 +08:00
Dragon
aee9ee1819 个播:魅力榜无数据问题 2023-03-23 15:54:22 +08:00
Dragon
15b88a3930 厨房:新增刷新逻辑 2023-03-23 11:26:12 +08:00
qf
7f7e13d1d6 夺宝:购买头饰用户钻石大小写修改 2023-03-21 15:53:50 +08:00
qf
0d9ac965ce 夺宝:替换规则 2023-03-21 15:39:34 +08:00
qf
fe16f7d03c 夺宝:充值埋点 2023-03-21 15:39:34 +08:00
qf
5f586d0280 夺宝:渲染礼物列表繁体化 2023-03-21 15:39:34 +08:00
qf
f2b1592d91 夺宝:缺省页图标替换 2023-03-21 15:39:34 +08:00
qf
840c745b41 夺宝:ui修改替换 2023-03-21 15:39:34 +08:00
qf
760c38a415 夺宝:修改充值跳转方法 2023-03-21 15:39:34 +08:00
qf
906c1623e0 新增夺宝精灵和账单 2023-03-21 15:39:33 +08:00
138 changed files with 5483 additions and 242 deletions

View File

@@ -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 {

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 247 KiB

After

Width:  |  Height:  |  Size: 157 KiB

View File

@@ -196,7 +196,7 @@
</div>
<!-- 今日排名弹窗 -->
<div class="shade-mask-rank">
<div class="shade-mask-rank" >
<div class="shade-content-rank">
<div class="rank-top">

View File

@@ -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);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 KiB

View File

@@ -542,7 +542,7 @@ function getInfoFromClient () {
} else {
// 非app环境调试参数
pubInfo.uid = 0;
pubInfo.ticket = "";
pubInfo.ticket = "0";
// pubInfo.uid = "";
// pubInfo.ticket = "";

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1012 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1021 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 954 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

View 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 */

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

View 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

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 964 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 921 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 945 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 429 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View 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>

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

View 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'] = {}));

View 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);

View 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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

6
view/peko/homeCheck/js/respond.min.js vendored Normal file
View 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='&shy;<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

File diff suppressed because one or more lines are too long

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

View 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>

View 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 */

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

View 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 */

View 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, );
}
}
}

View 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 */

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

View 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 */

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 785 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 269 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

View 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>

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

View 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)
}
})

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

View 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();
}
})

View 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>

View 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>

View 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>

View File

@@ -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>

View File

@@ -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; //每页条数,这个数字是排行的基数

View File

@@ -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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -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

View File

@@ -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

View File

@@ -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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More