Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
aee9ee1819 | ||
|
|
15b88a3930 | ||
|
|
7f7e13d1d6 | ||
|
|
0d9ac965ce | ||
|
|
fe16f7d03c | ||
|
|
5f586d0280 | ||
|
|
f2b1592d91 | ||
|
|
840c745b41 | ||
|
|
760c38a415 | ||
|
|
906c1623e0 | ||
|
|
b66051c24a | ||
|
|
7eefa8c5d7 | ||
|
|
5a3f71dbe8 | ||
|
|
26004af207 | ||
|
|
592d5da683 | ||
|
|
642c383576 | ||
|
|
141a589b69 | ||
|
|
edc6375e11 | ||
|
|
c12b08e3f8 | ||
|
|
0a4ff7e83c |
@@ -11,7 +11,7 @@
|
||||
html,
|
||||
body {
|
||||
font-family: "din-medium";
|
||||
background: #C8864C;
|
||||
background: #531800;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@@ -22,6 +22,14 @@ body {
|
||||
}
|
||||
.wrap .banner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .banner .subtitle {
|
||||
position: absolute;
|
||||
top: 0.12rem;
|
||||
right: 1.12rem;
|
||||
width: 1.8666666667rem;
|
||||
height: 1.12rem;
|
||||
}
|
||||
.wrap .rule,
|
||||
.wrap .record {
|
||||
@@ -39,46 +47,79 @@ body {
|
||||
.wrap .record {
|
||||
top: 2.8533333333rem;
|
||||
}
|
||||
.wrap .previous-result {
|
||||
.wrap .previous_Round_Result {
|
||||
width: 9.4266666667rem;
|
||||
height: 1.52rem;
|
||||
position: absolute;
|
||||
top: 14.9333333333rem;
|
||||
top: 16.1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 9.4666666667rem;
|
||||
height: 0.9066666667rem;
|
||||
font-family: "pingfang-bold";
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: url("../images/previous-result-bg.png") no-repeat 0 0/100% 100%;
|
||||
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 9;
|
||||
}
|
||||
.wrap .previous-result span {
|
||||
.wrap .previous_Round_Result span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: 0.36rem;
|
||||
text-shadow: 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321;
|
||||
font-size: 0.48rem;
|
||||
left: 0rem;
|
||||
bottom: 1.65rem;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 1.7066666667rem;
|
||||
height: 0.5066666667rem;
|
||||
position: absolute;
|
||||
}
|
||||
.wrap .previous-result .result-list {
|
||||
.wrap .previous_Round_Result .box {
|
||||
width: 9.4266666667rem;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0.2533333333rem 0.1333333333rem 0 0.1333333333rem;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.wrap .previous_Round_Result .box::-webkit-scrollbar {
|
||||
height: 2px;
|
||||
display: none;
|
||||
}
|
||||
.wrap .previous_Round_Result .box ul {
|
||||
width: 35rem;
|
||||
height: 100%;
|
||||
}
|
||||
.wrap .previous_Round_Result .box ul li {
|
||||
float: left;
|
||||
width: 1.6266666667rem;
|
||||
height: 0.9733333333rem;
|
||||
background: url(../images/previous_Round_Result_Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
margin-right: 0.1066666667rem;
|
||||
}
|
||||
.wrap .previous-result .result-list p {
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
margin-left: 0.1066666667rem;
|
||||
background: url("../images/little-bubble.png") 0 0/100% 100%;
|
||||
.wrap .previous_Round_Result .box ul li p {
|
||||
display: block;
|
||||
width: 0.3333333333rem;
|
||||
height: 0.3333333333rem;
|
||||
background: url(../images/record_bubble.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 0.0266666667rem;
|
||||
}
|
||||
.wrap .previous-result .result-list p img {
|
||||
width: 100%;
|
||||
}
|
||||
.wrap .previous-result .more-result {
|
||||
width: 0.56rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.wrap .previous-result .more-result img {
|
||||
width: 100%;
|
||||
.wrap .previous_Round_Result .box ul li p img {
|
||||
display: block;
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.wrap .mall {
|
||||
position: absolute;
|
||||
@@ -301,16 +342,37 @@ body {
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.2933333333rem;
|
||||
color: rgba(255, 240, 199, 0.6);
|
||||
color: #FFF0C799;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .game-area .wait-time-s {
|
||||
width: 10rem;
|
||||
height: 9.0666666667rem;
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
}
|
||||
.wrap .game-area .wait-time-x {
|
||||
width: 10rem;
|
||||
height: 9.0666666667rem;
|
||||
position: absolute;
|
||||
top: 1.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.wrap .game-area .draw-time {
|
||||
display: none;
|
||||
width: 2.8rem;
|
||||
width: 55%;
|
||||
height: 2.84rem;
|
||||
margin: 1.2rem auto 0.2rem;
|
||||
background: url("../images/drawBg.png");
|
||||
margin: 1.8rem auto 0.2rem;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wrap .game-area .draw-time .count-down,
|
||||
.wrap .game-area .draw-time .current-tip {
|
||||
@@ -341,7 +403,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 3.1rem;
|
||||
bottom: 2.3rem;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
}
|
||||
@@ -391,13 +453,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no1 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.1733333333rem;
|
||||
top: 1.1333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no1 .num {
|
||||
width: 100%;
|
||||
@@ -443,13 +510,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no2 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.0133333333rem;
|
||||
top: 0.9333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no2 .num {
|
||||
width: 100%;
|
||||
@@ -496,13 +568,18 @@ body {
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no3 .nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.0133333333rem;
|
||||
top: 0.9333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wrap .game-area .draw-time .top-three .top-three-list .no3 .num {
|
||||
width: 100%;
|
||||
@@ -521,15 +598,20 @@ body {
|
||||
color: #fff;
|
||||
}
|
||||
.wrap .game-area .draw-time .draw-pic {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65rem;
|
||||
z-index: 1;
|
||||
width: 1.3333333333rem;
|
||||
width: 1.3466666667rem;
|
||||
height: 1.3466666667rem;
|
||||
margin: 0 auto 0;
|
||||
background: url("../images/drawBg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
.wrap .game-area .draw-time .draw-pic img {
|
||||
width: 100%;
|
||||
width: 0.8rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.wrap .game-area .draw-time .award-info {
|
||||
width: 8rem;
|
||||
@@ -537,7 +619,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 6.5rem;
|
||||
top: 7.2rem;
|
||||
display: flex;
|
||||
}
|
||||
.wrap .game-area .draw-time .award-info .desc {
|
||||
@@ -563,7 +645,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.8rem;
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap .put {
|
||||
@@ -743,10 +825,11 @@ body {
|
||||
width: 8.8rem;
|
||||
height: 13.0666666667rem;
|
||||
background: white;
|
||||
background: url(../images/myBoxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top {
|
||||
height: 4.5333333333rem;
|
||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
overflow: hidden;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
|
||||
@@ -794,8 +877,8 @@ body {
|
||||
display: none;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar {
|
||||
width: 1.76rem;
|
||||
height: 2.3333333333rem;
|
||||
width: 2.5866666667rem;
|
||||
height: 2.5066666667rem;
|
||||
margin-bottom: 0.2666666667rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar p {
|
||||
@@ -808,8 +891,9 @@ body {
|
||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
top: -1.8133333333rem;
|
||||
left: 0.0266666667rem;
|
||||
top: -2.1333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.7066666667rem;
|
||||
height: 1.7066666667rem;
|
||||
border-radius: 50%;
|
||||
@@ -827,29 +911,30 @@ body {
|
||||
margin: 0;
|
||||
margin-top: -0.2666666667rem;
|
||||
margin-bottom: 0.0533333333rem;
|
||||
color: #ED7B50;
|
||||
color: #FF5110;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 7.2rem;
|
||||
background-color: white;
|
||||
height: 6.9rem;
|
||||
padding: 0.4rem 0.2666666667rem 0;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.5333333333rem;
|
||||
margin: 0 auto 0.5333333333rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .index {
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
|
||||
@@ -867,12 +952,16 @@ body {
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine {
|
||||
position: fixed;
|
||||
@@ -881,8 +970,9 @@ body {
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 1.3333333333rem;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0 0.2rem;
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -908,11 +998,19 @@ body {
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 3.5rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .shade-mask-fragmentNum {
|
||||
display: none;
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
@function prefixurl() {
|
||||
@return 'https://img.pekolive.com/'
|
||||
}
|
||||
|
||||
// @function prefixurl() {
|
||||
// @return 'https://img.pekolive.com/'
|
||||
// }
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
@@ -24,9 +25,10 @@
|
||||
html,
|
||||
body {
|
||||
font-family: 'din-medium';
|
||||
background: #C8864C;
|
||||
background: #531800;
|
||||
// 海浪svga过长
|
||||
overflow-x: hidden;
|
||||
// height: 19rem;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
@@ -37,7 +39,15 @@ body {
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.subtitle {
|
||||
position: absolute;
|
||||
top: px2rem(9, );
|
||||
right: px2rem(84, );
|
||||
width: px2rem(140, );
|
||||
height: px2rem(84, );
|
||||
}
|
||||
}
|
||||
|
||||
.rule,
|
||||
@@ -60,24 +70,21 @@ body {
|
||||
// bottom: px2rem(1040);
|
||||
}
|
||||
|
||||
.previous-result {
|
||||
// 往轮结果
|
||||
.previous_Round_Result {
|
||||
width: px2rem(707, );
|
||||
height: px2rem(114, );
|
||||
position: absolute;
|
||||
// bottom: px2rem(200);
|
||||
top: px2rem(1120);
|
||||
top: 16.1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(710);
|
||||
height: px2rem(68);
|
||||
font-family: 'pingfang-bold';
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 9;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(27);
|
||||
text-shadow: 1px 1px 0px#fc8321,
|
||||
@@ -86,41 +93,134 @@ body {
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321;
|
||||
font-size: px2rem(36, );
|
||||
left: px2rem(0, );
|
||||
bottom: 1.65rem;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: px2rem(128, );
|
||||
height: px2rem(38, );
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.result-list {
|
||||
display: flex;
|
||||
.box {
|
||||
width: px2rem(707, );
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(19, ) px2rem(10, ) 0 px2rem(10, );
|
||||
overflow-x: scroll;
|
||||
|
||||
p {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
margin-left: px2rem(8);
|
||||
background: url('../images/little-bubble.png') 0 0/100% 100%;
|
||||
|
||||
// &:nth-child(11){
|
||||
// width: px2rem(40, );
|
||||
// height: px2rem(42, );
|
||||
// margin-left: 0.25rem;
|
||||
// background: url('../images/btn_result.png') 0 0/100% 100%;
|
||||
// }
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
&::-webkit-scrollbar {
|
||||
// width: 0;
|
||||
height: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
ul {
|
||||
width: 35rem;
|
||||
height: 100%;
|
||||
|
||||
.more-result {
|
||||
width: px2rem(42);
|
||||
height: px2rem(44);
|
||||
margin-left: 0.2rem;
|
||||
li {
|
||||
float: left;
|
||||
width: px2rem(122, );
|
||||
height: px2rem(73, );
|
||||
background: url(../images/previous_Round_Result_Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
margin-right: px2rem(8, );
|
||||
// padding: 0 px2rem(4, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
p {
|
||||
display: block;
|
||||
width: px2rem(25, );
|
||||
height: px2rem(25, );
|
||||
background: url(../images/record_bubble.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 px2rem(2, );
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .previous-result {
|
||||
// position: absolute;
|
||||
// // bottom: px2rem(200);
|
||||
// top: px2rem(1120);
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// width: px2rem(710);
|
||||
// height: px2rem(68);
|
||||
// font-family: 'pingfang-bold';
|
||||
// font-size: px2rem(30);
|
||||
// font-weight: bold;
|
||||
// color: white;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||
// z-index: 9;
|
||||
|
||||
// span {
|
||||
// font-weight: bold;
|
||||
// margin-left: px2rem(27);
|
||||
// text-shadow: 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321,
|
||||
// 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321,
|
||||
// 1px 1px 0px#fc8321,
|
||||
// -1px -1px 0px#fc8321;
|
||||
// }
|
||||
|
||||
// .result-list {
|
||||
// display: flex;
|
||||
|
||||
// p {
|
||||
// width: px2rem(40);
|
||||
// height: px2rem(40);
|
||||
// margin-left: px2rem(8);
|
||||
// background: url('../images/little-bubble.png') 0 0/100% 100%;
|
||||
|
||||
// // &:nth-child(11){
|
||||
// // width: px2rem(40, );
|
||||
// // height: px2rem(42, );
|
||||
// // margin-left: 0.25rem;
|
||||
// // background: url('../images/btn_result.png') 0 0/100% 100%;
|
||||
// // }
|
||||
// img {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// .more-result {
|
||||
// width: px2rem(42);
|
||||
// height: px2rem(44);
|
||||
// margin-left: 0.2rem;
|
||||
|
||||
// img {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.mall {
|
||||
position: absolute;
|
||||
top: px2rem(184);
|
||||
@@ -394,16 +494,43 @@ body {
|
||||
|
||||
}
|
||||
|
||||
// 动画上
|
||||
.wait-time-s {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(680, );
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
// 动画下
|
||||
.wait-time-x {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(680, );
|
||||
position: absolute;
|
||||
top: 1.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
// 开奖时间
|
||||
.draw-time {
|
||||
display: none;
|
||||
// width: px2rem(750);
|
||||
// height: px2rem(600);
|
||||
width: px2rem(210, );
|
||||
// width: px2rem(210, );
|
||||
width: 55%;
|
||||
height: px2rem(213, );
|
||||
margin: 1.2rem auto 0.2rem;
|
||||
background: url('../images/drawBg.png');
|
||||
margin: 1.8rem auto 0.2rem;
|
||||
// background: url('../images/drawBg.png');
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
box-sizing: border-box;
|
||||
|
||||
.count-down,
|
||||
.current-tip {
|
||||
@@ -436,7 +563,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 3.1rem;
|
||||
bottom: 2.3rem;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
|
||||
@@ -495,13 +622,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(88, );
|
||||
top: px2rem(85, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -558,13 +690,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(76, );
|
||||
top: px2rem(70, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -619,13 +756,18 @@ body {
|
||||
|
||||
.nick {
|
||||
width: 100%;
|
||||
height: 1rem;
|
||||
line-height: 0.6rem;
|
||||
font-size: px2rem(22, );
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(76, );
|
||||
top: px2rem(70, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.num {
|
||||
@@ -651,21 +793,42 @@ body {
|
||||
}
|
||||
|
||||
.draw-pic {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65rem;
|
||||
z-index: 1;
|
||||
width: px2rem(100);
|
||||
// height: px2rem(91);
|
||||
width: px2rem(101, );
|
||||
// width: 25%;
|
||||
height: px2rem(101, );
|
||||
margin: 0 auto 0;
|
||||
background: url('../images/drawBg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
width: px2rem(60, );
|
||||
// margin: -0.3rem 0 0 1.18rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
// .draw-pic {
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// top: 1.65rem;
|
||||
// z-index: 1;
|
||||
// width: px2rem(100);
|
||||
// background: url('../images/drawBg.png');
|
||||
// // height: px2rem(91);
|
||||
|
||||
// img {
|
||||
// width: 100%;
|
||||
// // height: 100%;
|
||||
// // margin: -0.3rem 0 0 1.18rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
.award-info {
|
||||
width: px2rem(600, );
|
||||
// height: px2rem(183, );
|
||||
@@ -673,7 +836,7 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 6.5rem;
|
||||
top: 7.2rem;
|
||||
display: flex;
|
||||
|
||||
.desc {
|
||||
@@ -707,7 +870,8 @@ body {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.8rem;
|
||||
// top: 3.8rem;
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
|
||||
.put {
|
||||
@@ -924,10 +1088,12 @@ body {
|
||||
width: px2rem(660);
|
||||
height: px2rem(980);
|
||||
background: white;
|
||||
background: url(../images/myBoxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.rank-top {
|
||||
height: px2rem(340);
|
||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
// background-image: linear-gradient(#F49C35, #FFDD81);
|
||||
overflow: hidden;
|
||||
|
||||
.tab-wrap {
|
||||
@@ -983,8 +1149,8 @@ body {
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: px2rem(132);
|
||||
height: px2rem(175);
|
||||
width: px2rem(194);
|
||||
height: px2rem(188);
|
||||
margin-bottom: px2rem(20);
|
||||
|
||||
p {
|
||||
@@ -998,8 +1164,10 @@ body {
|
||||
img {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
top: px2rem(-136);
|
||||
left: px2rem(2);
|
||||
top: px2rem(-160);
|
||||
// left: px2rem(2);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
border-radius: 50%;
|
||||
@@ -1020,7 +1188,7 @@ body {
|
||||
margin: 0;
|
||||
margin-top: px2rem(-20);
|
||||
margin-bottom: px2rem(4);
|
||||
color: #ED7B50;
|
||||
color: #FF5110;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
@@ -1031,15 +1199,18 @@ body {
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: px2rem(540);
|
||||
background-color: white;
|
||||
height: 6.9rem;
|
||||
// background-color: white;
|
||||
padding: px2rem(30) px2rem(20) 0;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0.25rem;
|
||||
|
||||
li {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: px2rem(40);
|
||||
// margin-bottom: px2rem(40);
|
||||
margin: 0 auto px2rem(40, );
|
||||
|
||||
&:last-child {
|
||||
// margin-bottom: px2rem(140);
|
||||
@@ -1050,7 +1221,7 @@ body {
|
||||
width: px2rem(30);
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1070,14 +1241,19 @@ body {
|
||||
.others-nick {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.others-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
|
||||
b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1089,8 +1265,10 @@ body {
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
background-color: rgba($color: #000000, $alpha: .8);
|
||||
padding: 0 px2rem(15);
|
||||
// background-color: rgba($color: #000000, $alpha: .8);
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1118,13 +1296,22 @@ body {
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis;
|
||||
width: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mine-diamond-num {
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #ED7B50;
|
||||
color: #fff;
|
||||
|
||||
b {
|
||||
color: #FF5110;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -46,7 +46,7 @@ body {
|
||||
}
|
||||
.record-list li {
|
||||
width: 100%;
|
||||
height: 6.9733333333rem;
|
||||
height: 8.48rem;
|
||||
background: url("../images/record/record-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.2666666667rem;
|
||||
@@ -88,6 +88,7 @@ body {
|
||||
margin: 0.0666666667rem auto 0.3333333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .result-wrap .result {
|
||||
display: flex;
|
||||
@@ -98,21 +99,21 @@ body {
|
||||
color: #FFFFFF;
|
||||
padding-right: 0.1866666667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.record-list li .result-wrap .result .bg {
|
||||
width: 1.2133333333rem;
|
||||
height: 1.2133333333rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.9066666667rem;
|
||||
height: 0.6rem;
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.record-list li .result-wrap .result .bg img {
|
||||
width: 75%;
|
||||
margin-top: 0.15rem;
|
||||
top: 0.2rem;
|
||||
}
|
||||
.record-list li .result-wrap .award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
}
|
||||
.record-list li .result-wrap .award p,
|
||||
.record-list li .result-wrap .award b {
|
||||
@@ -124,25 +125,57 @@ body {
|
||||
width: 0.3733333333rem;
|
||||
height: 0.3733333333rem;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox {
|
||||
width: 8.8rem;
|
||||
height: 1.1466666667rem;
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg {
|
||||
width: 1.1466666667rem;
|
||||
height: 1.1466666667rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: 0.1333333333rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .put-wrap .put {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: 1.0266666667rem;
|
||||
height: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
.record-list li .put-wrap .list {
|
||||
width: 6.72rem;
|
||||
height: 2.7733333333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap .list .item {
|
||||
width: 0.9866666667rem;
|
||||
@@ -176,7 +209,8 @@ body {
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .diamond {
|
||||
width: 0.3333333333rem;
|
||||
height: 0.2666666667rem;
|
||||
height: 0.3333333333rem;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .in {
|
||||
font-size: 0.2666666667rem;
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
@function px2rem($px, $rem: 75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
@function prefixurl() {
|
||||
@return 'https://img.pekolive.com/'
|
||||
}
|
||||
|
||||
// @function prefixurl() {
|
||||
// @return 'https://img.pekolive.com/'
|
||||
// }
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
@@ -63,7 +64,7 @@ body {
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(523, );
|
||||
height: px2rem(636, );
|
||||
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||
background: url('../images/record/record-bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
@@ -117,6 +118,7 @@ body {
|
||||
margin: px2rem(5, ) auto px2rem(25, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
.result {
|
||||
display: flex;
|
||||
@@ -127,26 +129,39 @@ body {
|
||||
color: #FFFFFF;
|
||||
padding-right: px2rem(14, );
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: px2rem(91, );
|
||||
height: px2rem(91, );
|
||||
background: url('../images/record_bubble_act.png') no-repeat;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(143, );
|
||||
height: px2rem(45, );
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 75%;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
// .bg {
|
||||
// width: px2rem(91, );
|
||||
// height: px2rem(91, );
|
||||
// background: url('../images/record_bubble_act.png') no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// text-align: center;
|
||||
|
||||
// img {
|
||||
// width: 75%;
|
||||
// margin-top: 0.15rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
.award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
// right: 0.8rem;
|
||||
// top: 1.8rem;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
|
||||
p,
|
||||
b {
|
||||
@@ -160,6 +175,31 @@ body {
|
||||
height: px2rem(28, );
|
||||
}
|
||||
}
|
||||
|
||||
.result_sBox {
|
||||
width: px2rem(660, );
|
||||
height: px2rem(86, );
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.bg {
|
||||
width: px2rem(86, );
|
||||
height: px2rem(86, );
|
||||
background: url('../images/record_bubble_act.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: px2rem(10, ) auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.put-wrap {
|
||||
@@ -167,14 +207,23 @@ body {
|
||||
height: px2rem(91, );
|
||||
line-height: px2rem(91, );
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
.put {
|
||||
font-size: px2rem(28, );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: px2rem(77, );
|
||||
height: px2rem(45, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
@@ -182,6 +231,7 @@ body {
|
||||
height: px2rem(208, );
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
|
||||
.item {
|
||||
width: px2rem(74, );
|
||||
@@ -219,7 +269,8 @@ body {
|
||||
|
||||
.diamond {
|
||||
width: px2rem(25, );
|
||||
height: px2rem(20, );
|
||||
height: px2rem(25, );
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
|
||||
.in {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 626 KiB |
BIN
view/peko/activity/act-ocean/images/mineBg.png
Normal file
BIN
view/peko/activity/act-ocean/images/mineBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
view/peko/activity/act-ocean/images/myBoxBg.png
Normal file
BIN
view/peko/activity/act-ocean/images/myBoxBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
view/peko/activity/act-ocean/images/previous_Round_Result.png
Normal file
BIN
view/peko/activity/act-ocean/images/previous_Round_Result.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
view/peko/activity/act-ocean/images/previous_Round_Result_Li.png
Normal file
BIN
view/peko/activity/act-ocean/images/previous_Round_Result_Li.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 30 KiB |
BIN
view/peko/activity/act-ocean/images/record/result.png
Normal file
BIN
view/peko/activity/act-ocean/images/record/result.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
view/peko/activity/act-ocean/images/record/touru.png
Normal file
BIN
view/peko/activity/act-ocean/images/record/touru.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
view/peko/activity/act-ocean/images/s.svga
Normal file
BIN
view/peko/activity/act-ocean/images/s.svga
Normal file
Binary file not shown.
BIN
view/peko/activity/act-ocean/images/subtitle.png
Normal file
BIN
view/peko/activity/act-ocean/images/subtitle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 135 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 56 KiB |
Binary file not shown.
BIN
view/peko/activity/act-ocean/images/wait1.svga
Normal file
BIN
view/peko/activity/act-ocean/images/wait1.svga
Normal file
Binary file not shown.
BIN
view/peko/activity/act-ocean/images/wljg.png
Normal file
BIN
view/peko/activity/act-ocean/images/wljg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
view/peko/activity/act-ocean/images/x.svga
Normal file
BIN
view/peko/activity/act-ocean/images/x.svga
Normal file
Binary file not shown.
@@ -14,7 +14,10 @@
|
||||
<body>
|
||||
<div class="wrap no-in-app">
|
||||
<!-- <div class="wrap "> -->
|
||||
<div class="banner"><img src="./images/banner.png" alt=""></div>
|
||||
<div class="banner">
|
||||
<img src="./images/banner.png" alt="">
|
||||
<img class="subtitle" src="./images/subtitle.png" alt="">
|
||||
</div>
|
||||
<div class="rule"><img src="./images/rule.png" alt=""></div>
|
||||
<div class="record"><img src="./images/record.png" alt=""></div>
|
||||
|
||||
@@ -33,7 +36,7 @@
|
||||
<div class="recharge"><img src="./images/mall/recharge.png" alt=""></div>
|
||||
</div>
|
||||
<!-- 游戏区域 -->
|
||||
<div class="game-area">
|
||||
<div class="game-area" style="display: none;">
|
||||
<!-- 本轮轮次 -->
|
||||
<div class="roundId"></div>
|
||||
<!-- 选择时间 -->
|
||||
@@ -63,9 +66,9 @@
|
||||
<div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
|
||||
<div class="current-tip">本轮结果：<span class="current-result"></span></div>
|
||||
<!-- 中奖物品展示 -->
|
||||
<div class="draw-pic">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<!-- <div class="draw-pic">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div> -->
|
||||
<!-- 投入列表 -->
|
||||
<div class="put-wrap">
|
||||
<div class="put">投入</div>
|
||||
@@ -99,7 +102,7 @@
|
||||
<div class="nick">虚位以待</div>
|
||||
<div class="num">
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span></span>
|
||||
<span>0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no2">
|
||||
@@ -108,7 +111,7 @@
|
||||
<div class="nick">虚位以待</div>
|
||||
<div class="num">
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span></span>
|
||||
<span>0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="no no3">
|
||||
@@ -117,17 +120,28 @@
|
||||
<div class="nick">虚位以待</div>
|
||||
<div class="num">
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span></span>
|
||||
<span>0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 动画上 -->
|
||||
<div class="wait-time-s"></div>
|
||||
<!-- 动画下 -->
|
||||
<div class="wait-time-x"></div>
|
||||
</div>
|
||||
|
||||
<!-- 往轮结果 -->
|
||||
<div class="previous-result">
|
||||
<span>往轮结果</span>
|
||||
<div class="previous_Round_Result">
|
||||
<span></span>
|
||||
<div class="box">
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="previous-result">
|
||||
<span>往輪結果</span>
|
||||
<div class="result-list">
|
||||
<p><img src="" alt=""></p>
|
||||
<p><img src="" alt=""></p>
|
||||
@@ -139,10 +153,10 @@
|
||||
<p><img src="" alt=""></p>
|
||||
<p><img src="" alt=""></p>
|
||||
<p><img src="" alt=""></p>
|
||||
<!-- <p><img src="" alt=""></p> -->
|
||||
<p><img src="" alt=""></p>
|
||||
</div>
|
||||
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 个人信息 -->
|
||||
<div class="info-bottom">
|
||||
@@ -160,22 +174,22 @@
|
||||
<div class="shade-content">
|
||||
<main>
|
||||
<div class="cyfs">
|
||||
<p class="title">参与方式</p>
|
||||
<p class="title">參與方式</p>
|
||||
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗100鉆石，每回合時間30秒
|
||||
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
||||
</div>
|
||||
<div class="lwff">
|
||||
<p class="title">礼物发放</p>
|
||||
每次參與遊戲後會獲得一次禮物開獎機會
|
||||
<p class="title">禮物發放</p>
|
||||
每次參與遊戲後會獲得一次禮物開獎;
|
||||
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
|
||||
每次隨機從8種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*100】的鉆石獎勵，鉆石將直接發放到錢包
|
||||
每次隨機從8種食材中選取一個或多個作為中獎食材，中獎後獲得（中獎物品所花費的鉆石數*中獎食材對應倍數）的鉆石獎勵，當中獎多個食材時，獲得的鉆石會同時發放。鉆石將直接發放到賬戶中。
|
||||
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
|
||||
例如購買1個5倍的番茄，中獎後獲得1*5*100的鉆石
|
||||
例如購買1個5倍番茄花費100鉆，購買1個蘿蔔花費100鉆，中獎後將獲得100*5+100*5=1000鉆。
|
||||
</div>
|
||||
<div class="qtsm">
|
||||
<p class="title">其他說明</p>
|
||||
如果以上說明未能解答您的疑問，請聯系客服，會有專人解答疑難
|
||||
<p>本活动与苹果公司无关</p>
|
||||
如果以上說明未能解答您的疑問，請聯繫客服，會有專人解答疑難
|
||||
<p>本活動與蘋果公司無關</p>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
@@ -226,8 +240,8 @@
|
||||
</div>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="./js/jquery-animate-css-rotate-scale.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="./js/jquery-animate-css-rotate-scale.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
|
||||
@@ -17,7 +17,8 @@ const showLoading = (content = '加載中...') => {
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
layerIndex = $(e).attr('index');
|
||||
$('.layui-m-layer').css("z-index", '9999');
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -31,14 +32,19 @@ const toastMsg = (content = '操作完成', time = 2) => {
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
|
||||
if (false) { //!browser.app
|
||||
toastMsg('請在app內打開！');
|
||||
} else {
|
||||
$('.wrap').removeClass('no-in-app')
|
||||
}
|
||||
|
||||
|
||||
console.log(document.body.clientWidth);
|
||||
console.log(document.body.clientHeight);
|
||||
if (document.body.clientHeight <= 700) {
|
||||
$('body,html').css({ "height": '19.2rem' });
|
||||
}
|
||||
if (document.body.clientWidth >= 365) {
|
||||
$('body,html').css({ "height": '19.2rem' });
|
||||
}
|
||||
// 獲取用戶相關信息
|
||||
let myFragment
|
||||
const getUserInfo = (param) => {
|
||||
@@ -135,10 +141,10 @@ const getNewestAct = () => {
|
||||
} else {
|
||||
clearTimeout(timer2)
|
||||
hideLoading(layerIndex)
|
||||
|
||||
roundId = res.data.roundId
|
||||
$('.game-area .roundId').html(roundId)
|
||||
getListItem(roundId, modelType)
|
||||
getPreviousResults(20, roundId)
|
||||
|
||||
// 進行下一輪時，arrTime重新置為空數組，不然在下一輪開始的時候也會執行location.reload()
|
||||
if (roundIdArr.length < 2) {
|
||||
@@ -161,7 +167,7 @@ const getNewestAct = () => {
|
||||
showResultStageStartTime = res.data.showResultStageStartTime
|
||||
endTime = res.data.endTime
|
||||
console.log('獲取5個時間戳的值-----', 'timestamp:', userComeinTime, 'startTime:', startTime, 'drawStageStartTime:', drawStageStartTime, 'showResultStageStartTime:', showResultStageStartTime, 'endTime:', endTime);
|
||||
showView()
|
||||
showView(res.data.drawItemList)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
@@ -195,7 +201,7 @@ let mySelect
|
||||
let fragmentNum
|
||||
let reg = /^[0-9]*$/
|
||||
|
||||
const showView = () => {
|
||||
const showView = (drawItemList) => {
|
||||
if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
|
||||
// 第一階段
|
||||
console.log('進入第一階段');
|
||||
@@ -217,11 +223,8 @@ const showView = () => {
|
||||
|
||||
$('.award-wrap').html('').show()
|
||||
// $('.award-info .desc').html('')
|
||||
|
||||
getPreviousResults(10, roundId)
|
||||
showCountDown(userComeinTime, startTime, drawStageStartTime)
|
||||
getUserInfo()
|
||||
|
||||
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
|
||||
// 第二階段
|
||||
console.log('進入第二階段');
|
||||
@@ -239,16 +242,13 @@ const showView = () => {
|
||||
console.log('isStatus2的值------------', isStatus2);
|
||||
|
||||
// $('.btn-wrap').find('div').removeClass('active')
|
||||
|
||||
getPreviousResults(10, roundId)
|
||||
showCountDown(userComeinTime, drawStageStartTime, showResultStageStartTime)
|
||||
judgeStatus()
|
||||
getUserInfo()
|
||||
|
||||
// 播放5s動畫
|
||||
let player = new SVGA.Player('.wait-time');
|
||||
let parser = new SVGA.Parser('.wait-time');
|
||||
parser.load('./images/wait.svga', function (videoItem) {
|
||||
parser.load('./images/wait1.svga', function (videoItem) {
|
||||
// player.loops = 2;
|
||||
player.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
@@ -268,8 +268,33 @@ const showView = () => {
|
||||
showCountDown(userComeinTime, showResultStageStartTime, endTime)
|
||||
judgeStatus()
|
||||
getUserInfo()
|
||||
// getPreviousResults(10, roundId)
|
||||
// 动画上
|
||||
let player = new SVGA.Player('.wait-time-s');
|
||||
let parser = new SVGA.Parser('.wait-time-s');
|
||||
parser.load('./images/s.svga', function (videoItem) {
|
||||
// player.loops = 2;
|
||||
player.clearsAfterStop = false;
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
})
|
||||
// 动画下
|
||||
let player2 = new SVGA.Player('.wait-time-x');
|
||||
let parser2 = new SVGA.Parser('.wait-time-x');
|
||||
parser2.load('./images/x.svga', function (videoItem) {
|
||||
// player.loops = 2;
|
||||
player2.clearsAfterStop = false;
|
||||
player2.setVideoItem(videoItem);
|
||||
player2.startAnimation();
|
||||
})
|
||||
if (drawItemList.length > 1) {
|
||||
$('.wait-time-s').show();
|
||||
$('.wait-time-x').show();
|
||||
} else {
|
||||
$('.wait-time-s').hide();
|
||||
$('.wait-time-x').hide();
|
||||
}
|
||||
}
|
||||
$('.game-area').show();
|
||||
}
|
||||
|
||||
// 顯示倒計時
|
||||
@@ -401,7 +426,7 @@ const judgeStatus = () => {
|
||||
drawInfo = res.data
|
||||
img = res.data.drawImageUrl
|
||||
if (isStatus3) {
|
||||
getPreviousResults(10, roundId)
|
||||
getPreviousResults(20, roundId)
|
||||
}
|
||||
renderDrawInfo()
|
||||
} else {
|
||||
@@ -425,8 +450,40 @@ const judgeStatus = () => {
|
||||
let topThreeArr = []
|
||||
const renderDrawInfo = () => {
|
||||
$('.draw-time .current-tip .current-result').html(drawInfo.drawName)
|
||||
$('.draw-pic img').attr('src', drawInfo.drawImageUrl)
|
||||
|
||||
// $('.draw-pic img').attr('src', drawInfo.drawImageUrl)
|
||||
$('.wrap .game-area .draw-time .draw-pic').remove();
|
||||
var lenght = drawInfo.drawItemList.length;
|
||||
var drawStr = '';
|
||||
drawInfo.drawItemList.forEach(res => {
|
||||
drawStr += `
|
||||
<div class="draw-pic">
|
||||
<img src="${res.drawImageUrl}" alt="">
|
||||
</div>
|
||||
`
|
||||
})
|
||||
$('.wrap .game-area .draw-time').append(drawStr);
|
||||
if (lenght == 1) {
|
||||
$('.wrap .game-area .draw-time').css({ "width": "55%", })
|
||||
$('.wrap .game-area .draw-time .draw-pic').css({ "width": "50%", "height": "100%", });
|
||||
$('.wrap .game-area .draw-time .draw-pic img').css({ "width": "45%" });
|
||||
} else if (lenght == 2) {
|
||||
$('.wrap .game-area .draw-time').css({ "width": "55%", })
|
||||
$('.wrap .game-area .draw-time .draw-pic').css({ "width": "50%", "height": "100%", });
|
||||
$('.wrap .game-area .draw-time .draw-pic img').css({ "width": "45%" });
|
||||
} else if (lenght == 3) {
|
||||
$('.wrap .game-area .draw-time').css({ "width": "70%", })
|
||||
$('.wrap .game-area .draw-time .draw-pic').css({ "width": "33.3333%", "height": "75%", });
|
||||
$('.wrap .game-area .draw-time .draw-pic img').css({ "width": "40%" });
|
||||
} else if (lenght == 4) {
|
||||
$('.wrap .game-area .draw-time').css({ "width": "80%", })
|
||||
$('.wrap .game-area .draw-time .draw-pic').css({ "width": "25%", "height": "65%", });
|
||||
$('.wrap .game-area .draw-time .draw-pic img').css({ "width": "38%" });
|
||||
} else if (lenght > 4) {
|
||||
$('.wrap .game-area .draw-time').css({ "width": "55%", })
|
||||
$('.wrap .game-area .draw-time .draw-pic').css({ "width": "1.3466666667rem", "height": "1.3466666667rem", });
|
||||
$('.wrap .game-area .draw-time .draw-pic img').css({ "width": "0.8rem" });
|
||||
}
|
||||
// if()
|
||||
// if (isStatus3) {
|
||||
// if (drawInfo.userDrawResult.drawStatus === 1) {
|
||||
// $('.award-info .desc').html('恭喜你，猜中了！')
|
||||
@@ -484,8 +541,8 @@ const renderDrawInfo = () => {
|
||||
topThreeArr.map((item, index) => {
|
||||
$(`.top-three-list .no${index + 1} .tx`).attr('uid', item.uid)
|
||||
$(`.top-three-list .no${index + 1} .tx`).attr('src', item.avatar)
|
||||
$(`.top-three-list .no${index + 1} .nick`).html(item.nick)
|
||||
$(`.top-three-list .no${index + 1} .num span`).html(item.prizeDiamonds)
|
||||
$(`.top-three-list .no${index + 1} .nick`).text(item.nick)
|
||||
$(`.top-three-list .no${index + 1} .num span`).text(item.prizeDiamonds ? item.prizeDiamonds : '')
|
||||
})
|
||||
}
|
||||
|
||||
@@ -570,8 +627,7 @@ const renderListItem = () => {
|
||||
setTimeout2s()
|
||||
}
|
||||
|
||||
// 獲取往輪遊戲結果
|
||||
let previousResults = []
|
||||
// 獲取往輪遊戲結果
|
||||
const getPreviousResults = (count, roundId) => {
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
@@ -582,8 +638,8 @@ const getPreviousResults = (count, roundId) => {
|
||||
},
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
previousResults = res.data
|
||||
renderPreviousResults()
|
||||
// previousResults = res.data
|
||||
renderPreviousResults(res.data)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
@@ -593,40 +649,51 @@ const getPreviousResults = (count, roundId) => {
|
||||
}
|
||||
|
||||
// 渲染往輪遊戲結果
|
||||
const renderPreviousResults = () => {
|
||||
|
||||
const renderPreviousResults = (val) => {
|
||||
let str = ''
|
||||
if (previousResults.length < 5) {
|
||||
let len = 5 - previousResults.length
|
||||
if (val.length < 5) {
|
||||
let len = 5 - val.length
|
||||
let arr = new Array(len).fill(1)
|
||||
previousResults.push(...arr)
|
||||
val.push(...arr)
|
||||
}
|
||||
if (isStatus3) {
|
||||
if (img) {
|
||||
previousResults.pop()
|
||||
previousResults.unshift({
|
||||
val.pop()
|
||||
val.unshift({
|
||||
drawImageUrl: img
|
||||
})
|
||||
console.log(previousResults);
|
||||
}
|
||||
|
||||
}
|
||||
previousResults.map((item) => {
|
||||
val.forEach(res => {
|
||||
str += `
|
||||
<p><img src="${item.drawImageUrl}" alt=""></p>
|
||||
<li>
|
||||
${res.drawItemList.map(item => {
|
||||
if (res.drawItemList.length == 1) {
|
||||
return `<p style="width:0.8rem;height:0.8rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
} else if (res.drawItemList.length == 2) {
|
||||
return `<p style="width:0.6rem;height:0.6rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
} else if (res.drawItemList.length == 3) {
|
||||
return `<p style="width:0.45rem;height:0.45rem"><img src="${item.drawImageUrl}" alt=""></p>`;
|
||||
} else {
|
||||
return `<p><img style="width:0.3333333333rem;height:0.3333333333rem" src="${item.drawImageUrl}" alt=""></p>`;
|
||||
}
|
||||
|
||||
}).join('')
|
||||
}
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.result-list').html(str)
|
||||
$('.wrap .previous_Round_Result .box ul').html(str)
|
||||
}
|
||||
|
||||
// 發送用戶抽獎數量
|
||||
const sendUserDrawInfo = (itemId, num, tais) => {
|
||||
showLoading();
|
||||
// showLoading();
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/act/luckySea/draw',
|
||||
// contentType: 'application/json',
|
||||
// data: `[ {
|
||||
// data: `[{
|
||||
// "itemId":${itemId},
|
||||
// "num":${num}
|
||||
// }]`,
|
||||
@@ -769,7 +836,7 @@ const renderMyInfo = () => {
|
||||
num = myInfoD.num
|
||||
}
|
||||
// $('.mine-diamond-num').html('今日獎勵' + num)
|
||||
$('.mine-diamond-num').html(num)
|
||||
$('.mine-diamond-num').html(num == 0 ? '—— ——' : num)
|
||||
} else {
|
||||
let erbanNo = myInfoN.erbanNo
|
||||
let myIndex = rankListN.findIndex((item, index) => {
|
||||
@@ -787,7 +854,7 @@ const renderMyInfo = () => {
|
||||
myInfoN.nick = '未知'
|
||||
}
|
||||
$('.mine-info').find('.mine-nick').html(myInfoN.nick)
|
||||
$('.mine-diamond-num').html('猜中' + myInfoN.num + '次')
|
||||
$('.mine-diamond-num').html('猜中<b> ' + myInfoN.num + ' </b>次')
|
||||
}
|
||||
}
|
||||
|
||||
@@ -903,7 +970,7 @@ const renderRankList = () => {
|
||||
othersArr.map((item, index) => {
|
||||
let num
|
||||
if (item.erbanNo) {
|
||||
num = '猜中' + item.num + '次'
|
||||
num = '猜中<b> ' + item.num + ' </b>次'
|
||||
}
|
||||
others += `
|
||||
<li uid="${item.uid}">
|
||||
@@ -971,7 +1038,8 @@ $(function () {
|
||||
}
|
||||
}
|
||||
})
|
||||
}, 50)
|
||||
// getPreviousResults(20, roundId)
|
||||
}, 100)
|
||||
|
||||
// 監聽按鈕點擊事件
|
||||
// let fragmentNum
|
||||
@@ -1226,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);
|
||||
@@ -23,7 +23,7 @@ $(function () {
|
||||
getUserRecord()
|
||||
}, 100)
|
||||
|
||||
function getUserRecord() {
|
||||
function getUserRecord () {
|
||||
canNext = false
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
@@ -32,7 +32,7 @@ $(function () {
|
||||
page,
|
||||
pageSize
|
||||
},
|
||||
success(res) {
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.length != 0) {
|
||||
// 能够继续请求下一页
|
||||
@@ -43,13 +43,13 @@ $(function () {
|
||||
canNext = false
|
||||
toastMsg('沒有更多啦~')
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
canNext = true
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(err) {
|
||||
error (err) {
|
||||
canNext = true
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
@@ -60,7 +60,7 @@ $(function () {
|
||||
const renderRecord = (recordList) => {
|
||||
if (recordList.length === 0) {
|
||||
$('.record-list').hide();
|
||||
$('.img').show();
|
||||
// $('.img').show();
|
||||
} else {
|
||||
// $('.record-list li').remove();
|
||||
$('.record-list').show();
|
||||
@@ -69,7 +69,7 @@ $(function () {
|
||||
var drawId;
|
||||
var itemUrl;
|
||||
var results = [];
|
||||
|
||||
|
||||
|
||||
let str = '';
|
||||
recordList.forEach((res, index) => {
|
||||
@@ -92,40 +92,42 @@ $(function () {
|
||||
</div>
|
||||
<div class="result-wrap">
|
||||
<div class="result">
|
||||
<span>本輪結果</span>
|
||||
<div class="bg"><img src="${itemUrl}" alt=""></div>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="award">
|
||||
<p>獎勵:</p>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<b>${res.reward}</b>
|
||||
</div>
|
||||
<div class="result_sBox">
|
||||
${res.drawItemList.map(item => {
|
||||
return `<div class="bg"><img src="${item.drawImageUrl}" alt=""></div>`
|
||||
}).join('')}
|
||||
</div>
|
||||
</div>
|
||||
<div class="put-wrap">
|
||||
<div class="put">投入</div>
|
||||
<div class="put"></div>
|
||||
<div class="list">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
|
||||
`
|
||||
})
|
||||
$('.record-list').append(str)
|
||||
|
||||
|
||||
results.forEach((res, index) => {
|
||||
res.forEach(val => {
|
||||
|
||||
$('.record-list li').eq(lisIndexId).find('.list').append(`
|
||||
<div class="item">
|
||||
<div class= "item">
|
||||
<p><img src="${val.itemUrl}" class="gift" alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">${val.costPiece}</span>
|
||||
</div>
|
||||
</div>
|
||||
`)
|
||||
`)
|
||||
})
|
||||
lisIndex = lisIndex + 1;
|
||||
lisIndexId = lisIndexId + 1;
|
||||
|
||||
@@ -14,27 +14,122 @@
|
||||
<body>
|
||||
<ul class="record-list">
|
||||
<!-- <li style="margin-bottom: 0.8rem;">
|
||||
<h3>${dateFormat(res.drawTime, 'yy-MM-dd hh:mm:ss')}</h3>
|
||||
<h3>23-02-25 19:13:24</h3>
|
||||
<div class="goldBox">
|
||||
<span>NO.2212092000</span>
|
||||
<p class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
||||
<p class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
||||
<span>NO.230225191242</span>
|
||||
<p style="display: block;" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
||||
<p style="display: none;" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
||||
</div>
|
||||
<div class="result-wrap">
|
||||
<div class="result">
|
||||
<span>本輪結果</span>
|
||||
<div class="bg"><img src="" alt=""></div>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="award">
|
||||
<p>獎勵:</p>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<b></b>
|
||||
<b>0</b>
|
||||
</div>
|
||||
<div class="result_sBox">
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
<div class="bg">
|
||||
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="put-wrap">
|
||||
<div class="put">投入</div>
|
||||
<div class="put"></div>
|
||||
<div class="list">
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/FmLQyTfMaHlwkvj568vpV0uk7aSc?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/Fm94cJfxF1Eqm0U04nG476JvFLaF?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">0</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/Ftlck3geTvQvvjBkyCwxuv7tHR_a?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/Fnnd7i5L8BPI95DF_ZvhdGkk8cqI?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">0</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/FoIKvxfBJiUUGNcL8ouKQKENQ2eb?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/Fv3U6kNuCovsRljPb_an73W0U0lZ?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<p><img src="http://beta.img.pekolive.com/FuEuGPGHcyGExK_nJhvx08S4KeJ9?imageslim" class="gift"
|
||||
alt=""></p>
|
||||
<div>
|
||||
<img src="./images/diamond.png" class="diamond" alt="">
|
||||
<span class="in">100</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> -->
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 217 KiB |
@@ -318,10 +318,8 @@ $(function () {
|
||||
$('body').css('overflow', 'auto')
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
// tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||
window.androidJsObj.openChargePage(8);
|
||||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.chargePayClickPage.postMessage(8)
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
|
||||
@@ -541,8 +541,8 @@ function getInfoFromClient () {
|
||||
|
||||
} else {
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = 2346;
|
||||
pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoyMzQ2LCJ0aWNrZXRfaWQiOiJhOTY1YzkyYi1hZDM2LTRhZWItODk5OC1iN2UzODEyZjU2ZGYiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.AA-x5FwodxS9zimfJv4CTBXgD5-CPgVeoS-L6EU8VTI";
|
||||
pubInfo.uid = 0;
|
||||
pubInfo.ticket = "";
|
||||
// pubInfo.uid = "";
|
||||
// pubInfo.ticket = "";
|
||||
|
||||
|
||||
345
view/peko/modules/act-treasureSnatching/css/index.css
Normal file
345
view/peko/modules/act-treasureSnatching/css/index.css
Normal file
@@ -0,0 +1,345 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.my {
|
||||
width: 100%;
|
||||
height: 2.4266666667rem;
|
||||
background: url(../images/myBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
overflow: hidden;
|
||||
}
|
||||
.my .tx {
|
||||
width: 1.1733333333rem;
|
||||
height: 1.1733333333rem;
|
||||
background: #005E15;
|
||||
border: 0.0133333333rem solid #fff;
|
||||
margin-top: 0.4133333333rem;
|
||||
margin-left: 0.4133333333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.0666666667rem;
|
||||
float: left;
|
||||
}
|
||||
.my .name {
|
||||
float: left;
|
||||
width: 2.4rem;
|
||||
margin-top: 0.88rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.my .but {
|
||||
width: 1.0666666667rem;
|
||||
height: 0.4266666667rem;
|
||||
line-height: 0.4266666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
margin-top: 0.8533333333rem;
|
||||
float: right;
|
||||
margin-right: 0.2666666667rem;
|
||||
margin-left: 0.12rem;
|
||||
}
|
||||
.my .num2 {
|
||||
margin-top: 0.92rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
}
|
||||
.my .icon2 {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: block;
|
||||
margin-top: 0.7466666667rem;
|
||||
margin-right: 0.12rem;
|
||||
float: right;
|
||||
margin-left: 0.3333333333rem;
|
||||
}
|
||||
.my .num1 {
|
||||
margin-top: 0.92rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
}
|
||||
.my .icon1 {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: block;
|
||||
margin-top: 0.7466666667rem;
|
||||
margin-right: 0.12rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.3333333333rem;
|
||||
margin: 0.6266666667rem auto 0;
|
||||
height: 9.9333333333rem;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
ul li {
|
||||
width: 4.4rem;
|
||||
height: 6.2133333333rem;
|
||||
margin-bottom: 0.4533333333rem;
|
||||
background: url(../images/prop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
ul li .title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: 0.4933333333rem;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
ul li .giftImg {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.4533333333rem;
|
||||
}
|
||||
ul li .name {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
top: 3.72rem;
|
||||
}
|
||||
ul li .zs {
|
||||
width: 100%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 4.12rem;
|
||||
left: 0;
|
||||
}
|
||||
ul li .zs .icon {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
display: block;
|
||||
}
|
||||
ul li .zs b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
ul li .but {
|
||||
width: 2.1333333333rem;
|
||||
height: 0.6666666667rem;
|
||||
line-height: 0.6666666667rem;
|
||||
position: absolute;
|
||||
bottom: 0.7066666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: 0.32rem;
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
border-radius: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
.buy .buy_in {
|
||||
width: 7.4933333333rem;
|
||||
height: 7.6rem;
|
||||
background: url(../images/pub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.buy .buy_in .title {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.4266666667rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
.buy .buy_in .num {
|
||||
position: absolute;
|
||||
left: 2.04rem;
|
||||
top: 2.6666666667rem;
|
||||
width: 3.4666666667rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.buy .buy_in .num b {
|
||||
display: inline-block;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.buy .buy_in .num .box {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 2.4rem;
|
||||
height: 0.5866666667rem;
|
||||
border-radius: 0.5866666667rem;
|
||||
background: #007F6C;
|
||||
position: relative;
|
||||
}
|
||||
.buy .buy_in .num .box input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
width: 0.9rem;
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.buy .buy_in .num .box .subtraction {
|
||||
position: absolute;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/subtraction.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .num .box .add {
|
||||
position: absolute;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: url(../images/add.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .day {
|
||||
position: absolute;
|
||||
width: 6rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
left: 2.04rem;
|
||||
top: 3.8133333333rem;
|
||||
}
|
||||
.buy .buy_in .day b {
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.buy .buy_in .day span {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
}
|
||||
.buy .buy_in .day i {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-style: normal;
|
||||
}
|
||||
.buy .buy_in .zs {
|
||||
position: absolute;
|
||||
width: 6rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
left: 2.04rem;
|
||||
top: 4.8533333333rem;
|
||||
}
|
||||
.buy .buy_in .zs b {
|
||||
font-size: 0.3466666667rem;
|
||||
color: #fff;
|
||||
margin-right: 0.2266666667rem;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.buy .buy_in .zs span {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
}
|
||||
.buy .buy_in .zs i {
|
||||
color: #FEF8A8;
|
||||
font-size: 0.3466666667rem;
|
||||
font-style: normal;
|
||||
}
|
||||
.buy .buy_in .close {
|
||||
width: 2.7733333333rem;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
text-align: center;
|
||||
color: #008573;
|
||||
font-size: 0.3466666667rem;
|
||||
position: absolute;
|
||||
left: 0.6533333333rem;
|
||||
bottom: 1.12rem;
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.buy .buy_in .ok {
|
||||
width: 2.7733333333rem;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
text-align: center;
|
||||
color: #8A4801;
|
||||
font-size: 0.3466666667rem;
|
||||
position: absolute;
|
||||
right: 0.6533333333rem;
|
||||
bottom: 1.12rem;
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
||||
386
view/peko/modules/act-treasureSnatching/css/index.scss
Normal file
386
view/peko/modules/act-treasureSnatching/css/index.scss
Normal file
@@ -0,0 +1,386 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
// background: #00B7A3;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.my {
|
||||
width: 100%;
|
||||
height: px2rem(182, );
|
||||
background: url(../images/myBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
overflow: hidden;
|
||||
|
||||
.tx {
|
||||
width: px2rem(88, );
|
||||
height: px2rem(88, );
|
||||
background: #005E15;
|
||||
border: px2rem(1, ) solid #fff;
|
||||
margin-top: px2rem(31, );
|
||||
margin-left: px2rem(31, );
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(5, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.name {
|
||||
float: left;
|
||||
width: 2.4rem;
|
||||
margin-top: px2rem(66, );
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(80, );
|
||||
height: px2rem(32, );
|
||||
line-height: px2rem(32, );
|
||||
border-radius: px2rem(8, );
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
margin-top: px2rem(64, );
|
||||
float: right;
|
||||
margin-right: px2rem(20, );
|
||||
margin-left: px2rem(9, );
|
||||
}
|
||||
|
||||
.num2 {
|
||||
margin-top: px2rem(69, );
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icon2 {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
display: block;
|
||||
margin-top: px2rem(56, );
|
||||
// background: #FFF3AE;
|
||||
margin-right: px2rem(9, );
|
||||
float: right;
|
||||
margin-left: px2rem(25, );
|
||||
}
|
||||
|
||||
.num1 {
|
||||
margin-top: px2rem(69, );
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
float: right;
|
||||
}
|
||||
|
||||
.icon1 {
|
||||
width: px2rem(48, );
|
||||
height: px2rem(48, );
|
||||
display: block;
|
||||
margin-top: px2rem(56, );
|
||||
// background: #FFF3AE;
|
||||
margin-right: px2rem(9, );
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(700, );
|
||||
margin: px2rem(47, ) auto 0;
|
||||
height: px2rem(745, );
|
||||
// background: pink;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-flow: row wrap;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(330, );
|
||||
height: px2rem(466, );
|
||||
margin-bottom: px2rem(34, );
|
||||
background: url(../images/prop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
top: px2rem(37, );
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
|
||||
.giftImg {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(109, );
|
||||
}
|
||||
|
||||
.name {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
top: px2rem(279, );
|
||||
}
|
||||
|
||||
.zs {
|
||||
width: 100%;
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: px2rem(309, );
|
||||
left: 0;
|
||||
|
||||
.icon {
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(160, );
|
||||
height: px2rem(50, );
|
||||
line-height: px2rem(50, );
|
||||
position: absolute;
|
||||
bottom: px2rem(53, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #1F5764;
|
||||
font-size: px2rem(24, );
|
||||
background: linear-gradient(0deg, #3AEAC7 0%, #FFFEBB 100%);
|
||||
border-radius: px2rem(8, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.buy_in {
|
||||
width: px2rem(562, );
|
||||
height: px2rem(570, );
|
||||
background: url(../images/pub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(107, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
left: px2rem(153, );
|
||||
top: px2rem(200, );
|
||||
width: px2rem(260, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
}
|
||||
|
||||
.box {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: px2rem(180, );
|
||||
height: px2rem(44, );
|
||||
border-radius: px2rem(44, );
|
||||
background: #007F6C;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
width: 0.9rem;
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subtraction {
|
||||
position: absolute;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/subtraction.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.add {
|
||||
position: absolute;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: url(../images/add.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.day {
|
||||
position: absolute;
|
||||
width: px2rem(450, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
left: px2rem(153, );
|
||||
top: px2rem(286, );
|
||||
|
||||
b {
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
}
|
||||
|
||||
i {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.zs {
|
||||
position: absolute;
|
||||
width: px2rem(450, );
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
left: px2rem(153, );
|
||||
top: px2rem(364, );
|
||||
|
||||
b {
|
||||
font-size: px2rem(26, );
|
||||
color: #fff;
|
||||
margin-right: px2rem(17, );
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
}
|
||||
|
||||
i {
|
||||
color: #FEF8A8;
|
||||
font-size: px2rem(26, );
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(208, );
|
||||
height: px2rem(64, );
|
||||
line-height: px2rem(64, );
|
||||
text-align: center;
|
||||
color: #008573;
|
||||
font-size: px2rem(26, );
|
||||
position: absolute;
|
||||
left: px2rem(49, );
|
||||
bottom: px2rem(84, );
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: px2rem(208, );
|
||||
height: px2rem(64, );
|
||||
line-height: px2rem(64, );
|
||||
text-align: center;
|
||||
color: #8A4801;
|
||||
font-size: px2rem(26, );
|
||||
position: absolute;
|
||||
right: px2rem(49, );
|
||||
bottom: px2rem(84, );
|
||||
background: url(../images/close.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
140
view/peko/modules/act-treasureSnatching/css/list.css
Normal file
140
view/peko/modules/act-treasureSnatching/css/list.css
Normal file
@@ -0,0 +1,140 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 5.7333333333rem;
|
||||
height: 0.3866666667rem;
|
||||
margin: 0.68rem auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tab div {
|
||||
width: 2.4rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tab div span {
|
||||
position: absolute;
|
||||
width: 1.6rem;
|
||||
height: 0.1066666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.1466666667rem;
|
||||
display: none;
|
||||
}
|
||||
.tab .active {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab .active span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 0.36rem auto 0.3066666667rem;
|
||||
color: #59FDFF;
|
||||
font-size: 0.2666666667rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.2rem;
|
||||
height: 10.1333333333rem;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 1.4666666667rem;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
margin-bottom: 0.2266666667rem;
|
||||
}
|
||||
ul li .num {
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-left: 0.5333333333rem;
|
||||
margin-right: 0.56rem;
|
||||
}
|
||||
ul li .tx {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 1.3066666667rem;
|
||||
height: 1.3066666667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
background: #00332C;
|
||||
margin-top: 0.08rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
}
|
||||
ul li .name {
|
||||
width: 2.76rem;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
ul li .icon {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-top: 0.4rem;
|
||||
float: right;
|
||||
}
|
||||
ul li .score {
|
||||
float: right;
|
||||
margin-right: 0.4rem;
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
height: 100%;
|
||||
line-height: 1.4666666667rem;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
ul .active .num {
|
||||
width: 0.8266666667rem;
|
||||
height: 1.0666666667rem;
|
||||
line-height: 0.8rem;
|
||||
text-align: center;
|
||||
background: url(../images/No.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
float: left;
|
||||
margin-right: 0.3066666667rem;
|
||||
margin-left: 0.2133333333rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=list.css.map */
|
||||
160
view/peko/modules/act-treasureSnatching/css/list.scss
Normal file
160
view/peko/modules/act-treasureSnatching/css/list.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(430, );
|
||||
height: px2rem(29, );
|
||||
margin: px2rem(51, ) auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(180, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(120, );
|
||||
height: px2rem(8, );
|
||||
border-radius: px2rem(8, );
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-11, );
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: bold;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: px2rem(27, ) auto px2rem(23, );
|
||||
color: #59FDFF;
|
||||
font-size: px2rem(20, );
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(760, );
|
||||
// background: pink;
|
||||
margin: 0 auto;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(110, );
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
margin-bottom: px2rem(17, );
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
font-size: px2rem(32, );
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(40, );
|
||||
margin-right: px2rem(42, );
|
||||
}
|
||||
|
||||
.tx {
|
||||
display: block;
|
||||
float: left;
|
||||
width: px2rem(98, );
|
||||
height: px2rem(98, );
|
||||
border-radius: 50%;
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
background: #00332C;
|
||||
margin-top: px2rem(6, );
|
||||
margin-right: px2rem(16, );
|
||||
}
|
||||
|
||||
.name {
|
||||
width: px2rem(207, );
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis; //溢出显示省略号
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
// margin-right: px2rem(90, );
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
// background: #2D4319;
|
||||
margin-top: 0.4rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(30, );
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
height: 100%;
|
||||
line-height: px2rem(110, );
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
.num {
|
||||
width: px2rem(62, );
|
||||
height: px2rem(80, );
|
||||
line-height: px2rem(60, );
|
||||
text-align: center;
|
||||
background: url(../images/No.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
float: left;
|
||||
margin-right: px2rem(23, );
|
||||
margin-left: px2rem(16, );
|
||||
}
|
||||
}
|
||||
}
|
||||
92
view/peko/modules/act-treasureSnatching/css/record.css
Normal file
92
view/peko/modules/act-treasureSnatching/css/record.css
Normal file
@@ -0,0 +1,92 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.ul {
|
||||
width: 9.2rem;
|
||||
height: 11.3333333333rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0.6rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.4533333333rem;
|
||||
}
|
||||
.ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
.ul li {
|
||||
width: 100%;
|
||||
margin-bottom: 0.6133333333rem;
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
position: relative;
|
||||
height: 1.4666666667rem;
|
||||
line-height: 1.4666666667rem;
|
||||
}
|
||||
.ul li .txBox {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
border-radius: 0.16rem;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
}
|
||||
.ul li .txBox img {
|
||||
position: absolute;
|
||||
width: 1.4533333333rem;
|
||||
height: 1.4533333333rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.ul li .giftName {
|
||||
width: 2.6666666667rem;
|
||||
margin: 0 0.6rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.ul li .score {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.ul li .probability {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: right;
|
||||
margin-right: 0.3333333333rem;
|
||||
}
|
||||
.ul .active {
|
||||
width: 100%;
|
||||
height: 8.9333333333rem;
|
||||
background: url(../images/record_not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.ul .active div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=record.css.map */
|
||||
106
view/peko/modules/act-treasureSnatching/css/record.scss
Normal file
106
view/peko/modules/act-treasureSnatching/css/record.scss
Normal file
@@ -0,0 +1,106 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.ul {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(850, );
|
||||
overflow-y: scroll;
|
||||
margin: px2rem(45, ) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(34, );
|
||||
// background: pink;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
margin-bottom: px2rem(46, );
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
position: relative;
|
||||
height: px2rem(110, );
|
||||
line-height: px2rem(110, );
|
||||
|
||||
.txBox {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
border-radius: px2rem(12, );
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(109, );
|
||||
height: px2rem(109, );
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: px2rem(200, );
|
||||
margin: 0 0.6rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.score {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.probability {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: right;
|
||||
margin-right: px2rem(25, );
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
width: 100%;
|
||||
height: px2rem(670, );
|
||||
background: url(../images/record_not.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
// display: none;
|
||||
div {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
141
view/peko/modules/act-treasureSnatching/css/rule.css
Normal file
141
view/peko/modules/act-treasureSnatching/css/rule.css
Normal file
@@ -0,0 +1,141 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.7333333333rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 0.7466666667rem;
|
||||
height: 0.7466666667rem;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: 0.5333333333rem;
|
||||
top: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 4.8rem;
|
||||
height: 0.48rem;
|
||||
display: block;
|
||||
margin: 0 auto 0.6666666667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 4.6666666667rem;
|
||||
height: 0.3866666667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
.tab div {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tab div span {
|
||||
width: 1.6rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.16rem;
|
||||
height: 0.1066666667rem;
|
||||
border-radius: 0.1066666667rem;
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
display: none;
|
||||
}
|
||||
.tab .active {
|
||||
font-weight: bold;
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
.tab .active span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
width: 9.2rem;
|
||||
height: 10.2666666667rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0.6rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.4533333333rem;
|
||||
}
|
||||
.tab1::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
.tab1 li {
|
||||
width: 100%;
|
||||
margin-bottom: 0.6133333333rem;
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: 0.1066666667rem;
|
||||
position: relative;
|
||||
height: 1.4666666667rem;
|
||||
line-height: 1.4666666667rem;
|
||||
}
|
||||
.tab1 li .txBox {
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
border-radius: 0.16rem;
|
||||
border: 0.0133333333rem solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
}
|
||||
.tab1 li .txBox img {
|
||||
position: absolute;
|
||||
width: 1.4533333333rem;
|
||||
height: 1.4533333333rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.tab1 li .giftName {
|
||||
width: 2.6666666667rem;
|
||||
margin: 0 0.2666666667rem 0 2.08rem;
|
||||
color: #fff;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.tab1 li .icon {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-top: 0.4rem;
|
||||
margin-right: 0.1733333333rem;
|
||||
}
|
||||
.tab1 li .score {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: left;
|
||||
}
|
||||
.tab1 li .probability {
|
||||
color: #FFE8AA;
|
||||
font-size: 0.3466666667rem;
|
||||
float: right;
|
||||
margin-right: 0.32rem;
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
width: 9.2rem;
|
||||
height: 10.6666666667rem;
|
||||
margin: 0.4666666667rem auto 0;
|
||||
background: #00A69D;
|
||||
border-radius: 0.2133333333rem;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
.tab2 img {
|
||||
width: 8.32rem;
|
||||
height: 10.3866666667rem;
|
||||
margin: 0.32rem auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=rule.css.map */
|
||||
160
view/peko/modules/act-treasureSnatching/css/rule.scss
Normal file
160
view/peko/modules/act-treasureSnatching/css/rule.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// overflow-y: none;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(55, );
|
||||
}
|
||||
|
||||
.back {
|
||||
width: px2rem(56, );
|
||||
height: px2rem(56, );
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
left: px2rem(40, );
|
||||
top: px2rem(52, );
|
||||
}
|
||||
|
||||
// 活动规则
|
||||
.title {
|
||||
width: px2rem(360, );
|
||||
height: px2rem(36, );
|
||||
display: block;
|
||||
margin: 0 auto px2rem(50, );
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(350, );
|
||||
height: px2rem(29, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(120, );
|
||||
color: #fff;
|
||||
font-size: px2rem(30, );
|
||||
position: relative;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
width: px2rem(120, );
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-12, );
|
||||
height: px2rem(8, );
|
||||
border-radius: px2rem(8, );
|
||||
background: linear-gradient(90deg, #69FFEB 0%, #EAFF89 100%);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: bold;
|
||||
font-size: px2rem(30, );
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab1 {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(770, );
|
||||
overflow-y: scroll;
|
||||
margin: px2rem(45, ) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(34, );
|
||||
// background: pink;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
margin-bottom: px2rem(46, );
|
||||
box-sizing: border-box;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(8, );
|
||||
position: relative;
|
||||
height: px2rem(110, );
|
||||
line-height: px2rem(110, );
|
||||
|
||||
.txBox {
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
border-radius: px2rem(12, );
|
||||
border: px2rem(1, ) solid #FFE8AA;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #007983;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(109, );
|
||||
height: px2rem(109, );
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: px2rem(200, );
|
||||
margin: 0 px2rem(20, ) 0 px2rem(156, );
|
||||
color: #fff;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
float: left;
|
||||
width: px2rem(44, );
|
||||
height: px2rem(44, );
|
||||
// background: #BFFF87;
|
||||
margin-top: 0.4rem;
|
||||
margin-right: px2rem(13, );
|
||||
}
|
||||
|
||||
.score {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: left;
|
||||
}
|
||||
|
||||
.probability {
|
||||
color: #FFE8AA;
|
||||
font-size: px2rem(26, );
|
||||
float: right;
|
||||
margin-right: px2rem(24, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
width: px2rem(690, );
|
||||
height: px2rem(800, );
|
||||
margin: px2rem(35, ) auto 0;
|
||||
background: #00A69D;
|
||||
border-radius: px2rem(16, );
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
|
||||
img {
|
||||
width: px2rem(624, );
|
||||
height: px2rem(779, );
|
||||
margin: px2rem(24, ) auto 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
BIN
view/peko/modules/act-treasureSnatching/images/No.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/No.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/add.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/back.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/bg.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 785 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/buy.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/buy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/close.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/dbq.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/dbq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/index_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/index_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/list_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/list_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/myBg.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/myBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/prop.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/prop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/pub.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/pub.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_not.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/record_not.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/record_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/record_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_rule.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/rule_rule.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/rule_title.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/rule_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/subtraction.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/subtraction.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
view/peko/modules/act-treasureSnatching/images/zs.png
Normal file
BIN
view/peko/modules/act-treasureSnatching/images/zs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
75
view/peko/modules/act-treasureSnatching/index.html
Normal file
75
view/peko/modules/act-treasureSnatching/index.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>夺宝达人</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/index_title.png" alt="" class="title">
|
||||
<!-- 自己 -->
|
||||
<div class="my">
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称用户昵称</div>
|
||||
<div class="but">充值</div>
|
||||
<div class="num2">100000</div>
|
||||
<img src="./images/zs.png" alt="" class="icon2">
|
||||
<div class="num1">10000</div>
|
||||
<img src="./images/dbq.png" alt="" class="icon1">
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="title">赠送夺宝券1张</div>
|
||||
<img src="" alt="" class="giftImg">
|
||||
<div class="name">我的可爱头饰(1天)</div>
|
||||
<div class="zs">
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<b>10</b>
|
||||
</div>
|
||||
<div class="but" packId='1' day=1 diamonds=10 name='圣光迪迦'>购买</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 购买弹窗 -->
|
||||
<div class="buy">
|
||||
<div class="buy_in">
|
||||
<div class="title">购买我是四个头饰</div>
|
||||
<div class="num">
|
||||
<b>数量:</b>
|
||||
<div class="box">
|
||||
<input type="number" value="1" name='content' maxlength="4" oninput = "value=value.replace(/[^\d]/g,'')">
|
||||
<div class="subtraction"></div>
|
||||
<div class="add"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day">
|
||||
<b>天数:</b> <span>10</span><i>天</i>
|
||||
</div>
|
||||
<div class="zs">
|
||||
<b>金额:</b> <span>10</span><i>钻石</i>
|
||||
</div>
|
||||
<div class="close">取消</div>
|
||||
<div class="ok">购买</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
227
view/peko/modules/act-treasureSnatching/js/index.js
Normal file
227
view/peko/modules/act-treasureSnatching/js/index.js
Normal file
@@ -0,0 +1,227 @@
|
||||
// 封装layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加载中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion();
|
||||
var diamondsAll = 0;
|
||||
var packIds;
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getList();
|
||||
getUserInfo();
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 用户信息接口
|
||||
function getUserInfo () {
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/user/info',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
$('.my .num2').text(unitProcessing(res.data.diamonds, 100000, 1, 'W'));
|
||||
$('.my .num1').text(res.data.drawTicketNum);
|
||||
$('.my .name').text(res.data.nick);
|
||||
$('.my .tx').attr('src', res.data.avatar);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 礼物列表接口
|
||||
function getList () {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/pack/list',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="title">贈送奪寶券${res.ticketNum}張</div>
|
||||
<img src="${res.imgUrl}" alt="" class="giftImg">
|
||||
<div class="name">${res.name}(1天)</div>
|
||||
<div class="zs">
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<b>${res.sellingPrice}</b>
|
||||
</div>
|
||||
<div class="but" packId='${res.id}' day=1 diamonds=${res.sellingPrice} name='${res.name}'>購買</div>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('ul').append(str);
|
||||
// 购买头饰按钮
|
||||
$('ul li .but').bind('on click', function () {
|
||||
var diamonds = Number($(this).attr('diamonds'));
|
||||
var day = Number($(this).attr('day'));
|
||||
var name = $(this).attr('name');
|
||||
packIds = $(this).attr('packId');
|
||||
$('.buy .buy_in .day span').text(day);
|
||||
$('.buy .buy_in .zs span').text(diamonds);
|
||||
$('.buy .buy_in .title').text(`购买${name}`);
|
||||
$(".buy .buy_in .num .box input").val(1);
|
||||
diamondsAll = diamonds;
|
||||
$('.buy').show();
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
setInterval(function () {
|
||||
getUserInfo();
|
||||
}, 1000)
|
||||
// 购买接口
|
||||
function buy (packId, packNum) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/activity/pack/buy',
|
||||
data: { packId, packNum, uid: pubInfo.uid },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
getUserInfo();
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('购买成功')
|
||||
} else {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 充值按钮
|
||||
$('.my .but').click(function () {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
let channel = pubInfo.deviceInfo.channel;
|
||||
console.log(pubInfo.deviceInfo);
|
||||
if (channel == "google") {
|
||||
window.androidJsObj.openChargePage(0);
|
||||
} else {
|
||||
window.androidJsObj.openChargePage(9);
|
||||
}
|
||||
} else if (browser.ios) {
|
||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||
}
|
||||
} else {
|
||||
toastMsg('請在app內打開')
|
||||
}
|
||||
})
|
||||
// 取消购买
|
||||
$('.buy .buy_in .close').click(function () {
|
||||
diamondsAll = 0;
|
||||
$('.buy').hide();
|
||||
})
|
||||
// 确认购买按钮
|
||||
$('.buy .buy_in .ok').click(function () {
|
||||
var num = Number($('.buy .buy_in .num .box input').val());
|
||||
buy(packIds, num);
|
||||
})
|
||||
// 减少天数
|
||||
$('.buy .buy_in .num .box .subtraction').click(function () {
|
||||
var val = Number($(".buy .buy_in .num .box input").val());
|
||||
val--;
|
||||
if (val < 1) {
|
||||
toastMsg('购买不能小于1');
|
||||
val = 1;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
$(".buy .buy_in .num .box input").val(val);
|
||||
})
|
||||
// 增加天数
|
||||
$('.buy .buy_in .num .box .add').click(function () {
|
||||
var val = Number($(".buy .buy_in .num .box input").val());
|
||||
val++;
|
||||
if (val > 200) {
|
||||
toastMsg('购买最大200');
|
||||
val = 200;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
$(".buy .buy_in .num .box input").val(val);
|
||||
})
|
||||
// 监听input
|
||||
$("input[name='content']").bind('input propertychange', function () {
|
||||
var val = Number($(this).val());
|
||||
if (val > 200) {
|
||||
$(this).val(200);
|
||||
val = 200;
|
||||
toastMsg('购买最大200');
|
||||
} else if (val < 1) {
|
||||
$(this).val(1);
|
||||
val = 1;
|
||||
toastMsg('购买不能小于1');
|
||||
} else {
|
||||
$(this).val(val);
|
||||
val = val;
|
||||
}
|
||||
$('.buy .buy_in .day span').text(val);
|
||||
$('.buy .buy_in .zs span').text(val * diamondsAll);
|
||||
});
|
||||
95
view/peko/modules/act-treasureSnatching/js/list.js
Normal file
95
view/peko/modules/act-treasureSnatching/js/list.js
Normal file
@@ -0,0 +1,95 @@
|
||||
// 封装layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加载中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var timestamp = dateFormat(new Date().getTime(), 'yyyy-MM-dd');
|
||||
var timestampOut = dateFormat(new Date().getTime() - (24 * 60 * 60 * 1000), 'yyyy-MM-dd');
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getRankValue(timestamp);
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 榜单接口
|
||||
function getRankValue (rankDateStr) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/rank/value',
|
||||
data: { showOrder: 50, rankNum: 50, rankDateStr },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.rankList.forEach((res, i) => {
|
||||
str += `
|
||||
<li class="${i <= 2 ? 'active' : ''}">
|
||||
<div class="num">${res.order}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">${res.score}</div>
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('ul').append(str);
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
$('ul li').remove();
|
||||
if (i == 1) {
|
||||
getRankValue(timestamp)
|
||||
} else {
|
||||
getRankValue(timestampOut)
|
||||
}
|
||||
})
|
||||
134
view/peko/modules/act-treasureSnatching/js/record.js
Normal file
134
view/peko/modules/act-treasureSnatching/js/record.js
Normal file
@@ -0,0 +1,134 @@
|
||||
// 封装layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加载中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
var page = 1;
|
||||
var page1Locak1 = true;
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getDrawReward(page);
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 获取夺宝记录接口
|
||||
function getDrawReward (page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/draw/record',
|
||||
data: { uid: pubInfo.uid, pageSize: 10, page },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
if (page == 1 && res.data.length == 0) {
|
||||
str = `<li class="active"></li>`;
|
||||
} else {
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="txBox">
|
||||
<img class="txBoxImg${i + 1}" src="${res.rewardPicUrl}" alt="">
|
||||
</div>
|
||||
<div class="giftName">${res.rewardName}</div>
|
||||
<div class="score">${dateFormat(res.drawTime, 'yyyy.MM.dd')}</div>
|
||||
<div class="probability">${dateFormat(res.drawTime, 'hh:mm:ss')}</div>
|
||||
</li>
|
||||
`;
|
||||
});
|
||||
}
|
||||
$('.ul').append(str);
|
||||
res.data.forEach((res, i) => {
|
||||
if (res.rewardType == "activityProps") {
|
||||
//活动道具
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "gift") {
|
||||
//礼物
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "namePlate") {
|
||||
//铭牌
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||
} else if (res.rewardType == "car") {
|
||||
//座驾
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "headwear") {
|
||||
//头饰
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "chatBubble") {
|
||||
//气泡
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "infoCard") {
|
||||
//资料卡
|
||||
$(`.ul li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||
}
|
||||
})
|
||||
if (res.data.length == 0) {
|
||||
page1Locak1 = false;
|
||||
} else {
|
||||
page1Locak1 = true;
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
page1Locak1 = true;
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
page1Locak1 = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
//检测是否到达底部
|
||||
$(".ul").scroll(function () {
|
||||
var divHeight = $(this).height();
|
||||
var nScrollHeight = $(this)[0].scrollHeight;
|
||||
var nScrollTop = $(this)[0].scrollTop;
|
||||
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
|
||||
if (page1Locak1) {
|
||||
page++;
|
||||
console.log("到达底部了");
|
||||
page1Locak1 = false;
|
||||
getDrawReward(page)
|
||||
}
|
||||
}
|
||||
});
|
||||
122
view/peko/modules/act-treasureSnatching/js/rule.js
Normal file
122
view/peko/modules/act-treasureSnatching/js/rule.js
Normal file
@@ -0,0 +1,122 @@
|
||||
// 封装layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加载中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
let urlPrefix = getUrlPrefix();
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView();
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null);
|
||||
}
|
||||
} else {
|
||||
toastMsg('请在APP内打开')
|
||||
}
|
||||
})
|
||||
getPoolList();
|
||||
}, 100)
|
||||
$('body,html').css('padding-top', `${(document.documentElement.clientWidth / 750 * 120) / 75}rem`);
|
||||
})
|
||||
// 奖池列表接口
|
||||
function getPoolList () {
|
||||
$('.tab1 li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/seize-treasure/draw/pool/list',//item
|
||||
data: { orderType: 2 },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li style="display: ${res.rewardShowValue <= 0 ? 'none' : 'block'}">
|
||||
<div class="txBox">
|
||||
<img class='txBoxImg${i + 1}' src="${res.rewardPicUrl}" alt="">
|
||||
</div>
|
||||
<div class="giftName">${res.rewardName}</div>
|
||||
<img src="./images/zs.png" alt="" class="icon">
|
||||
<div class="score">${res.rewardShowValue}</div>
|
||||
<div class="probability">${res.showRatio / 1000}%</div>
|
||||
</li>
|
||||
`
|
||||
|
||||
});
|
||||
$('.tab1').append(str);
|
||||
res.data.forEach((res, i) => {
|
||||
if (res.rewardType == "activityProps") {
|
||||
//活动道具
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "gift") {
|
||||
//礼物
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "namePlate") {
|
||||
//铭牌
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.6rem", "height": "0.5rem", "top": "1rem" });
|
||||
} else if (res.rewardType == "car") {
|
||||
//座驾
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.8rem", "height": "1.3rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "headwear") {
|
||||
//头饰
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "chatBubble") {
|
||||
//气泡
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4666666667rem", "height": "1.4666666667rem", "top": "0.9066666667rem" });
|
||||
} else if (res.rewardType == "infoCard") {
|
||||
//资料卡
|
||||
$(`.tab1 li .txBox .txBoxImg${i + 1}`).css({ "width": "1.4rem", "height": "1rem", "top": "1.1rem" });
|
||||
}
|
||||
})
|
||||
hideLoading(layerIndex)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
hideLoading(layerIndex)
|
||||
}
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('网络错误，请退出重进')
|
||||
}
|
||||
})
|
||||
}
|
||||
// =======================规则页=======================
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
if (i == 1) {
|
||||
$('.tab1').show();
|
||||
$('.tab2').hide();
|
||||
} else {
|
||||
$('.tab2').show();
|
||||
$('.tab1').hide();
|
||||
}
|
||||
})
|
||||
54
view/peko/modules/act-treasureSnatching/list.html
Normal file
54
view/peko/modules/act-treasureSnatching/list.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>夺宝达人</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/list.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/list_title.png" alt="" class="title">
|
||||
<!-- tab -->
|
||||
<div class="tab">
|
||||
<div class="active">今日夺宝达人<span></span></div>
|
||||
<div>昨日夺宝达人<span></span></div>
|
||||
</div>
|
||||
<!-- 小标题 -->
|
||||
<p>根据参与夺宝精灵获得奖品总价值进行排名</p>
|
||||
<!-- 榜单列表 -->
|
||||
<ul>
|
||||
<!-- <li class="active">
|
||||
<div class="num">1</div>
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称呀呀呀呀</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">215.2W</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="" alt="" class="tx">
|
||||
<div class="name">用户昵称呀呀呀呀</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">215.2W</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/list.js"></script>
|
||||
42
view/peko/modules/act-treasureSnatching/record.html
Normal file
42
view/peko/modules/act-treasureSnatching/record.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>获奖记录</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/record.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/record_title.png" alt="" class="title">
|
||||
<!-- 内容 -->
|
||||
<ul class="ul">
|
||||
<!-- <li class="active"></li> -->
|
||||
<!-- <li>
|
||||
<div class="txBox">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="giftName">我又我又我又啊</div>
|
||||
<div class="score">2023.01.03</div>
|
||||
<div class="probability">12:36:59</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/record.js"></script>
|
||||
50
view/peko/modules/act-treasureSnatching/rule.html
Normal file
50
view/peko/modules/act-treasureSnatching/rule.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>玩法规则</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/rule.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 返回 -->
|
||||
<img src="./images/back.png" alt="" class="back">
|
||||
<!-- 标题 -->
|
||||
<img src="./images/rule_title.png" alt="" class="title">
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
<div class="active">玩法概率<span></span></div>
|
||||
<div>玩法规则<span></span></div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul class="tab1">
|
||||
<li>
|
||||
<div class="txBox">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="giftName">我又我又我又啊</div>
|
||||
<img src="" alt="" class="icon">
|
||||
<div class="score">202.5W</div>
|
||||
<div class="probability">0%</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab2">
|
||||
<img src="./images/rule_rule.png" alt="">
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./js/rule.js"></script>
|
||||
@@ -27,7 +27,7 @@
|
||||
<div class="message"></div>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="js/index.js?v=2.2"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script>
|
||||
|
||||
@@ -2,7 +2,7 @@ let info = {}
|
||||
|
||||
$(function () {
|
||||
let browser = checkVersion();
|
||||
let api = locateJudge();
|
||||
let api = getUrlPrefix();
|
||||
let urlData = getQueryString();
|
||||
let pageNum = 1; //第一页
|
||||
let pageSize = 12; //每页条数,这个数字是排行的基数
|
||||
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.12cc56eedab054a8f9ca049e8cc508db.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.73ba128795dda6b5ae01.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.861748a1f83bae0fde49.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.4c6ca282a9af756f2c68facbfd557c2f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.57304063b8c553a642f5.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>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);s.length;)s.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"ffe9e684b35b5e6eef2f",1:"531cbf904bcc3493870e",2:"35b21c0ce9f58c2c0810",3:"44d854121d9073f4c390",4:"59c8399860fe4c31bfad",5:"a24378393cca9e37e255",6:"3655d80f5f2b212e3b9f",7:"74b4774fa9af85fa0de2",8:"d9f33ba9220054db9973",9:"13c87d6f964112c86413",10:"e221f303b5cd6ea692bf",11:"d272cf261efb570c4c27",12:"abcd45ba53d9774263d2"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.57304063b8c553a642f5.js.map
|
||||
@@ -116,12 +116,15 @@
|
||||
<p>
|
||||
11.我们会使用第三方消息推送功能，包括手机厂商push推送、特定事件提醒，用于提醒您的应用消息或活动事件，我们可能会发送广播唤醒APP自启动或关联启动，您可以在系统设置里拒绝提供，如果拒绝提供您将可能无法获得相关服务，但不影响其他功能的正常使用。
|
||||
</p>
|
||||
<p>12.我们不会收集您的聊天记录。您在<span class="name">peko</span>中的聊天记录会存储在您的终端设备，您可以选择自行备份、删除或在不同设备中转移。</p>
|
||||
<p>
|
||||
13.如果您联系我们的客服，我们可能需要您提供必要的个人信息进行身份验证，以保证您的帐号安全。为根据您的诉求提供服务，经过您的授权，人工客服人员需要在您授权范围内查询或核验您的相关信息，我们将尽可能采取技术和管理措施保障您的信息安全和保密，并在必要范围内进行使用。我们可能还会保存您的联系方式（您使用的或主动提供的手机号码、微信号、QQ号或其他联系方式）、您与我们的通信记录和内容，以及其他必要信息，以便为您提供和记录客户服务。
|
||||
12.为了提供分享功能，我们的产品集成友盟+SDK，SDK将采集您的设备标识和您需要分享的社交账户。当您需要使用一键分享服务，友盟+ U-Share SDK，将收集您的设备标识信息（如IMEI/android ID/IDFA等）和您需要分享的社交账户公开信息，以便完成一键分享服务。为了您的信息安全，我们已与第三方SDK服务商进行数据安全保密约定，这些公司会严格遵守我们的数据隐私和安全要求。除非得到您的同意，我们不会与其共享您的个人身份信息。
|
||||
</p>
|
||||
<p>13.我们不会收集您的聊天记录。您在<span class="name">peko</span>中的聊天记录会存储在您的终端设备，您可以选择自行备份、删除或在不同设备中转移。</p>
|
||||
<p>
|
||||
14.如果您联系我们的客服，我们可能需要您提供必要的个人信息进行身份验证，以保证您的帐号安全。为根据您的诉求提供服务，经过您的授权，人工客服人员需要在您授权范围内查询或核验您的相关信息，我们将尽可能采取技术和管理措施保障您的信息安全和保密，并在必要范围内进行使用。我们可能还会保存您的联系方式（您使用的或主动提供的手机号码、微信号、QQ号或其他联系方式）、您与我们的通信记录和内容，以及其他必要信息，以便为您提供和记录客户服务。
|
||||
</p>
|
||||
<p>
|
||||
14.为帮助我们更好地了解<span class="name">peko</span>及相关服务的运行情况，以便确保运行与提供服务的安全，我们可能记录网络日志信息，以及使用软件及相关服务的频率、崩溃数据、总体安装、使用情况、性能数据信息。
|
||||
15.为帮助我们更好地了解<span class="name">peko</span>及相关服务的运行情况，以便确保运行与提供服务的安全，我们可能记录网络日志信息，以及使用软件及相关服务的频率、崩溃数据、总体安装、使用情况、性能数据信息。
|
||||
</p>
|
||||
<p>更多详情请见 <a href="./permissions.html" style="color: rgb(4, 172, 238);">《设备权限清单》</a>
|
||||
，您不同意开启特定权限通常只影响您使用其对应的特定功能。</p>
|
||||
|
||||
@@ -62,30 +62,18 @@
|
||||
<span class="font-bold">个人信息类型</span> ：定位权限，网络访问，wifi状态访问，运营商信息，设备信息（IMEI/Mac/Android ID/IDFA/OPENUDID/GUID/SIM 卡 IMSI /地理位置），获取设备序列号<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://www.umeng.com/page/policy <br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 友盟+ U-Share SDK <br>
|
||||
<span class="font-bold">使用目的</span>： 一键分享<br>
|
||||
<span class="font-bold">个人信息类型</span> ：设备标识信息（如IMEI/android ID/IDFA等）、社交账户公开信息<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://www.umeng.com/policy <br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： MobTech SDK <br>
|
||||
<span class="font-bold">使用目的</span>： 提供准时的消息推送和通知功能，用于测试移动跨平台开发工具的示例应用程序<br>
|
||||
<span class="font-bold">个人信息类型</span>：系统运营信息，网络访问，获取MAC，获取IMEI信息，获取匿名设备标识符（OAID）、国际移动用户识别码（IMSI），获取系统安装的应用程序，基站信息，获取运行中进程信息<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>： https://www.mob.com/about/policy <br>
|
||||
</li><br>
|
||||
<!-- <li>
|
||||
<span class="font-bold">SDK名称</span>： Linkedme <br>
|
||||
<span class="font-bold">使用目的</span>： 实现跨应用打开app并完成页面还原功能<br>
|
||||
<span class="font-bold">个人信息类型</span>：系统运营信息，网络访问，获取MAC，获取IMEI信息，获取匿名设备标识符（OAID），剪切板访问，读写器外部存储，设备信息，运营商信息,设备信息（IMEI/Mac/Android ID/IDFA/OPENUDID/GUID/SIM 卡 IMSI /地理位置）<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>： https://www.linkedme.cc/privacy-policy.html <br>
|
||||
</li><br> -->
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 腾讯bugly <br>
|
||||
<span class="font-bold">使用目的</span>： 实现上报程序bug信息的功能<br>
|
||||
<span class="font-bold">个人信息类型</span>：电话状态，读写器外部存储，网络访问，wifi状态访问，获取IMSI信息，获取系统安装的应用程序，设备信息（IMEI/Mac/Android ID/IDFA/OPENUDID/GUID/SIM 卡 IMSI /地理位置）<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://privacy.qq.com/document/priview/fbd2c3f898df4c1c869925dd49d57827<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： OAID <br>
|
||||
<span class="font-bold">使用目的</span>：用于产品在应用市场的个性化广告投放功能<br>
|
||||
<span class="font-bold">个人信息类型</span>电话状态，网络访问<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：http://www.msa-alliance.cn/col.jsp?id=120<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 网易易盾 <br>
|
||||
<span class="font-bold">使用目的</span>： 实现一键登录功能，实现内容过滤功能<br>
|
||||
@@ -104,42 +92,12 @@
|
||||
<span class="font-bold">个人信息类型</span>网络访问，读写外部存储<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://developer.qiniu.com/pili/8027/sdk-privacy-policy<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 阿里云实人认证 <br>
|
||||
<span class="font-bold">使用目的</span>： 实现人脸识别功能<br>
|
||||
<span class="font-bold">个人信息类型</span>电话状态，读写外部存储，访问摄像头权限，获取系统安装的应用信息，运营商信息，获取IMEI信息，获取IMSI信息，获取MAC，获取运行中进程信息<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：http://terms.aliyun.com/legal-agreement/terms/suit_bu1_ali_cloud/suit_bu1_ali_cloud201902141711_54837.html?spm=5176.156174.J_9220772140.78.37bd5575NoBig0<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 支付宝 <br>
|
||||
<span class="font-bold">使用目的</span>： 唤起支付宝app完成支付<br>
|
||||
<span class="font-bold">个人信息类型</span>手机状态和身份，存储卡内容，获取IMSI信息，获取运行中进程信息<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://render.alipay.com/p/c/k2h4n8ug<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 微信 <br>
|
||||
<span class="font-bold">使用目的</span>：唤起微信app完成支付<br>
|
||||
<span class="font-bold">个人信息类型</span>手机状态和身份，存储卡内容<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： Zego <br>
|
||||
<span class="font-bold">使用目的</span>：提供实时音视频云服务<br>
|
||||
<span class="font-bold">个人信息类型</span>录音麦克风权限，摄像头权限，电话状态，wifi状态访问，网络状态，运营商信息，蓝牙访问，网络访问，修改音频设置，读写外部存储，保持设备唤醒<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://www.zego.im/privacy<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 声网 <br>
|
||||
<span class="font-bold">使用目的</span>：提供实时音视频云服务<br>
|
||||
<span class="font-bold">个人信息类型</span>录音麦克风权限，摄像头权限，电话状态，wifi状态访问，网络状态，运营商信息，蓝牙访问，网络访问，修改音频设置，读写外部存储，保持设备唤醒<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://www.agora.io/cn/privacy-policy<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 无界 <br>
|
||||
<span class="font-bold">使用目的</span>： 提供实时音视频云服务<br>
|
||||
<span class="font-bold">个人信息类型</span>录音麦克风权限，摄像头权限，电话状态，wifi状态访问，网络状态，运营商信息，蓝牙访问，网络访问，修改音频设置，读写外部存储，保持设备唤醒<br>
|
||||
<span class="font-bold">第三方隐私政策链接</span>：https://wujiecloud.com/agreement<br>
|
||||
</li><br>
|
||||
<li>
|
||||
<span class="font-bold">SDK名称</span>： 腾讯云视立方音视频通话 TRTC SDK <br>
|
||||
<span class="font-bold">使用目的</span>： 提供实时音视频云服务<br>
|
||||
|
||||
@@ -78,6 +78,7 @@
|
||||
<p v-else-if="tab === 12 && item1.objType === 32">赠送座驾支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 87">星级厨房抽奖</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 95">新年煙花抽獎</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 98">奪寶精靈禮包購買支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||
<p
|
||||
|
||||
Reference in New Issue
Block a user