厨房：完成所有接口联调，提测
This commit is contained in:
Dragon
@@ -22,6 +22,14 @@ body {
|
|||||||
}
|
}
|
||||||
.wrap .banner {
|
.wrap .banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.wrap .banner .subtitle {
|
||||||
|
position: absolute;
|
||||||
|
top: 0.12rem;
|
||||||
|
right: 1.12rem;
|
||||||
|
width: 1.8666666667rem;
|
||||||
|
height: 1.12rem;
|
||||||
}
|
}
|
||||||
.wrap .rule,
|
.wrap .rule,
|
||||||
.wrap .record {
|
.wrap .record {
|
||||||
@@ -39,46 +47,79 @@ body {
|
|||||||
.wrap .record {
|
.wrap .record {
|
||||||
top: 2.8533333333rem;
|
top: 2.8533333333rem;
|
||||||
}
|
}
|
||||||
.wrap .previous-result {
|
.wrap .previous_Round_Result {
|
||||||
|
width: 9.4266666667rem;
|
||||||
|
height: 1.52rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 14.9333333333rem;
|
top: 16.1rem;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: 9.4666666667rem;
|
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||||
height: 0.9066666667rem;
|
background-size: 100% 100%;
|
||||||
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%;
|
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
.wrap .previous-result span {
|
.wrap .previous_Round_Result span {
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: 0.36rem;
|
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;
|
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;
|
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 {
|
.wrap .previous_Round_Result .box ul li p {
|
||||||
width: 0.5333333333rem;
|
display: block;
|
||||||
height: 0.5333333333rem;
|
width: 0.3333333333rem;
|
||||||
margin-left: 0.1066666667rem;
|
height: 0.3333333333rem;
|
||||||
background: url("../images/little-bubble.png") 0 0/100% 100%;
|
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 {
|
.wrap .previous_Round_Result .box ul li p img {
|
||||||
width: 100%;
|
display: block;
|
||||||
}
|
width: 80%;
|
||||||
.wrap .previous-result .more-result {
|
position: absolute;
|
||||||
width: 0.56rem;
|
left: 50%;
|
||||||
height: 0.5866666667rem;
|
top: 50%;
|
||||||
margin-left: 0.2rem;
|
transform: translate(-50%, -50%);
|
||||||
}
|
|
||||||
.wrap .previous-result .more-result img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
.wrap .mall {
|
.wrap .mall {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -301,16 +342,20 @@ body {
|
|||||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.2933333333rem;
|
font-size: 0.2933333333rem;
|
||||||
color: rgba(255, 240, 199, 0.6);
|
color: #FFF0C799;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time {
|
.wrap .game-area .draw-time {
|
||||||
display: none;
|
display: none;
|
||||||
width: 2.8rem;
|
width: 55%;
|
||||||
height: 2.84rem;
|
height: 2.84rem;
|
||||||
margin: 1.2rem auto 0.2rem;
|
margin: 1.8rem auto 0.2rem;
|
||||||
background: url("../images/drawBg.png");
|
|
||||||
background-size: 100% 100%;
|
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 .count-down,
|
||||||
.wrap .game-area .draw-time .current-tip {
|
.wrap .game-area .draw-time .current-tip {
|
||||||
@@ -341,7 +386,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
bottom: 3.1rem;
|
bottom: 2.3rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
}
|
}
|
||||||
@@ -521,15 +566,20 @@ body {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time .draw-pic {
|
.wrap .game-area .draw-time .draw-pic {
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
top: 1.65rem;
|
|
||||||
z-index: 1;
|
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 {
|
.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 {
|
.wrap .game-area .draw-time .award-info {
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
@@ -537,7 +587,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 6.5rem;
|
top: 7.2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time .award-info .desc {
|
.wrap .game-area .draw-time .award-info .desc {
|
||||||
@@ -563,7 +613,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 3.8rem;
|
top: 4.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time .put-wrap .put {
|
.wrap .game-area .draw-time .put-wrap .put {
|
||||||
@@ -743,10 +793,11 @@ body {
|
|||||||
width: 8.8rem;
|
width: 8.8rem;
|
||||||
height: 13.0666666667rem;
|
height: 13.0666666667rem;
|
||||||
background: white;
|
background: white;
|
||||||
|
background: url(../images/myBoxBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .rank-top {
|
.wrap .shade-mask-rank .shade-content-rank .rank-top {
|
||||||
height: 4.5333333333rem;
|
height: 4.5333333333rem;
|
||||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
|
.wrap .shade-mask-rank .shade-content-rank .rank-top .tab-wrap {
|
||||||
@@ -794,8 +845,8 @@ body {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar {
|
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar {
|
||||||
width: 1.76rem;
|
width: 2.5866666667rem;
|
||||||
height: 2.3333333333rem;
|
height: 2.5066666667rem;
|
||||||
margin-bottom: 0.2666666667rem;
|
margin-bottom: 0.2666666667rem;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar p {
|
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar p {
|
||||||
@@ -808,8 +859,9 @@ body {
|
|||||||
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
|
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
top: -1.8133333333rem;
|
top: -2.1333333333rem;
|
||||||
left: 0.0266666667rem;
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
width: 1.7066666667rem;
|
width: 1.7066666667rem;
|
||||||
height: 1.7066666667rem;
|
height: 1.7066666667rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
@@ -827,7 +879,7 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: -0.2666666667rem;
|
margin-top: -0.2666666667rem;
|
||||||
margin-bottom: 0.0533333333rem;
|
margin-bottom: 0.0533333333rem;
|
||||||
color: #ED7B50;
|
color: #FF5110;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank {
|
||||||
@@ -835,21 +887,21 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 7.2rem;
|
height: 7.2rem;
|
||||||
background-color: white;
|
|
||||||
padding: 0.4rem 0.2666666667rem 0;
|
padding: 0.4rem 0.2666666667rem 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank li {
|
||||||
|
width: 90%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 0.5333333333rem;
|
margin: 0 auto 0.5333333333rem;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .index {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank li .index {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0.4rem;
|
width: 0.4rem;
|
||||||
font-size: 0.4rem;
|
font-size: 0.4rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info {
|
||||||
@@ -867,12 +919,16 @@ body {
|
|||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-info .others-nick {
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.3733333333rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
|
.wrap .shade-mask-rank .shade-content-rank .other-rank li .others-diamond-num {
|
||||||
font-size: 0.3466666667rem;
|
font-size: 0.3466666667rem;
|
||||||
font-weight: bold;
|
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 {
|
.wrap .shade-mask-rank .shade-content-rank .mine {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -881,7 +937,8 @@ body {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1.3333333333rem;
|
height: 1.3333333333rem;
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
background: url(../images/mineBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
padding: 0 0.2rem;
|
padding: 0 0.2rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -912,7 +969,11 @@ body {
|
|||||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
|
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
|
||||||
font-size: 0.3466666667rem;
|
font-size: 0.3466666667rem;
|
||||||
font-weight: bold;
|
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 {
|
.wrap .shade-mask-fragmentNum {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -1,9 +1,10 @@
|
|||||||
@function px2rem($px, $rem: 75) {
|
@function px2rem($px, $rem: 75) {
|
||||||
@return $px / $rem+rem;
|
@return $px / $rem+rem;
|
||||||
}
|
}
|
||||||
@function prefixurl() {
|
|
||||||
@return 'https://img.pekolive.com/'
|
// @function prefixurl() {
|
||||||
}
|
// @return 'https://img.pekolive.com/'
|
||||||
|
// }
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'pingfang-bold';
|
font-family: 'pingfang-bold';
|
||||||
@@ -27,6 +28,7 @@ body {
|
|||||||
background: #C8864C;
|
background: #C8864C;
|
||||||
// 海浪svga过长
|
// 海浪svga过长
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
// height: 19rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
@@ -37,7 +39,15 @@ body {
|
|||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
position: absolute;
|
||||||
|
top: px2rem(9, );
|
||||||
|
right: px2rem(84, );
|
||||||
|
width: px2rem(140, );
|
||||||
|
height: px2rem(84, );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rule,
|
.rule,
|
||||||
@@ -60,24 +70,21 @@ body {
|
|||||||
// bottom: px2rem(1040);
|
// bottom: px2rem(1040);
|
||||||
}
|
}
|
||||||
|
|
||||||
.previous-result {
|
// 往轮结果
|
||||||
|
.previous_Round_Result {
|
||||||
|
width: px2rem(707, );
|
||||||
|
height: px2rem(114, );
|
||||||
position: absolute;
|
position: absolute;
|
||||||
// bottom: px2rem(200);
|
top: 16.1rem;
|
||||||
top: px2rem(1120);
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: px2rem(710);
|
background: url(../images/previous_Round_Result.png) no-repeat;
|
||||||
height: px2rem(68);
|
background-size: 100% 100%;
|
||||||
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;
|
z-index: 9;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: px2rem(27);
|
margin-left: px2rem(27);
|
||||||
text-shadow: 1px 1px 0px#fc8321,
|
text-shadow: 1px 1px 0px#fc8321,
|
||||||
@@ -86,41 +93,134 @@ body {
|
|||||||
-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: 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 {
|
.box {
|
||||||
display: flex;
|
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 {
|
&::-webkit-scrollbar {
|
||||||
width: px2rem(40);
|
// width: 0;
|
||||||
height: px2rem(40);
|
height: 2px;
|
||||||
margin-left: px2rem(8);
|
display: none;
|
||||||
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%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
ul {
|
||||||
|
width: 35rem;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
.more-result {
|
li {
|
||||||
width: px2rem(42);
|
float: left;
|
||||||
height: px2rem(44);
|
width: px2rem(122, );
|
||||||
margin-left: 0.2rem;
|
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 {
|
p {
|
||||||
width: 100%;
|
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 {
|
.mall {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2rem(184);
|
top: px2rem(184);
|
||||||
@@ -399,11 +499,17 @@ body {
|
|||||||
display: none;
|
display: none;
|
||||||
// width: px2rem(750);
|
// width: px2rem(750);
|
||||||
// height: px2rem(600);
|
// height: px2rem(600);
|
||||||
width: px2rem(210, );
|
// width: px2rem(210, );
|
||||||
|
width: 55%;
|
||||||
height: px2rem(213, );
|
height: px2rem(213, );
|
||||||
margin: 1.2rem auto 0.2rem;
|
margin: 1.8rem auto 0.2rem;
|
||||||
background: url('../images/drawBg.png');
|
// background: url('../images/drawBg.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
.count-down,
|
.count-down,
|
||||||
.current-tip {
|
.current-tip {
|
||||||
@@ -436,7 +542,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
bottom: 3.1rem;
|
bottom: 2.3rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
|
|
||||||
@@ -651,21 +757,42 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.draw-pic {
|
.draw-pic {
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
top: 1.65rem;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
width: px2rem(100);
|
width: px2rem(101, );
|
||||||
// height: px2rem(91);
|
// width: 25%;
|
||||||
|
height: px2rem(101, );
|
||||||
|
margin: 0 auto 0;
|
||||||
|
background: url('../images/drawBg.png') no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: px2rem(60, );
|
||||||
// height: 100%;
|
|
||||||
// margin: -0.3rem 0 0 1.18rem;
|
// 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 {
|
.award-info {
|
||||||
width: px2rem(600, );
|
width: px2rem(600, );
|
||||||
// height: px2rem(183, );
|
// height: px2rem(183, );
|
||||||
@@ -673,7 +800,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 6.5rem;
|
top: 7.2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.desc {
|
.desc {
|
||||||
@@ -707,7 +834,8 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 3.8rem;
|
// top: 3.8rem;
|
||||||
|
top: 4.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.put {
|
.put {
|
||||||
@@ -924,10 +1052,12 @@ body {
|
|||||||
width: px2rem(660);
|
width: px2rem(660);
|
||||||
height: px2rem(980);
|
height: px2rem(980);
|
||||||
background: white;
|
background: white;
|
||||||
|
background: url(../images/myBoxBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
.rank-top {
|
.rank-top {
|
||||||
height: px2rem(340);
|
height: px2rem(340);
|
||||||
background-image: linear-gradient(#F49C35, #FFDD81);
|
// background-image: linear-gradient(#F49C35, #FFDD81);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.tab-wrap {
|
.tab-wrap {
|
||||||
@@ -983,8 +1113,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: px2rem(132);
|
width: px2rem(194);
|
||||||
height: px2rem(175);
|
height: px2rem(188);
|
||||||
margin-bottom: px2rem(20);
|
margin-bottom: px2rem(20);
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -998,8 +1128,10 @@ body {
|
|||||||
img {
|
img {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
top: px2rem(-136);
|
top: px2rem(-160);
|
||||||
left: px2rem(2);
|
// left: px2rem(2);
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
width: px2rem(128);
|
width: px2rem(128);
|
||||||
height: px2rem(128);
|
height: px2rem(128);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
@@ -1020,7 +1152,7 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: px2rem(-20);
|
margin-top: px2rem(-20);
|
||||||
margin-bottom: px2rem(4);
|
margin-bottom: px2rem(4);
|
||||||
color: #ED7B50;
|
color: #FF5110;
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1032,14 +1164,16 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(540);
|
height: px2rem(540);
|
||||||
background-color: white;
|
// background-color: white;
|
||||||
padding: px2rem(30) px2rem(20) 0;
|
padding: px2rem(30) px2rem(20) 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
width: 90%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: px2rem(40);
|
// margin-bottom: px2rem(40);
|
||||||
|
margin: 0 auto px2rem(40, );
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
// margin-bottom: px2rem(140);
|
// margin-bottom: px2rem(140);
|
||||||
@@ -1050,7 +1184,7 @@ body {
|
|||||||
width: px2rem(30);
|
width: px2rem(30);
|
||||||
font-size: px2rem(30);
|
font-size: px2rem(30);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1070,14 +1204,19 @@ body {
|
|||||||
.others-nick {
|
.others-nick {
|
||||||
font-size: px2rem(28);
|
font-size: px2rem(28);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333333;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.others-diamond-num {
|
.others-diamond-num {
|
||||||
font-size: px2rem(26);
|
font-size: px2rem(26);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ED7B50;
|
color: #fff;
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FF5110;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1089,7 +1228,9 @@ body {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(100);
|
height: px2rem(100);
|
||||||
background-color: rgba($color: #000000, $alpha: .8);
|
// background-color: rgba($color: #000000, $alpha: .8);
|
||||||
|
background: url(../images/mineBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
padding: 0 px2rem(15);
|
padding: 0 px2rem(15);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1124,7 +1265,12 @@ body {
|
|||||||
.mine-diamond-num {
|
.mine-diamond-num {
|
||||||
font-size: px2rem(26);
|
font-size: px2rem(26);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ED7B50;
|
color: #fff;
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FF5110;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -46,7 +46,7 @@ body {
|
|||||||
}
|
}
|
||||||
.record-list li {
|
.record-list li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 6.9733333333rem;
|
height: 8.48rem;
|
||||||
background: url("../images/record/record-bg.png") no-repeat;
|
background: url("../images/record/record-bg.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
border-radius: 0.2666666667rem;
|
border-radius: 0.2666666667rem;
|
||||||
@@ -88,6 +88,7 @@ body {
|
|||||||
margin: 0.0666666667rem auto 0.3333333333rem;
|
margin: 0.0666666667rem auto 0.3333333333rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.record-list li .result-wrap .result {
|
.record-list li .result-wrap .result {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -98,21 +99,21 @@ body {
|
|||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
padding-right: 0.1866666667rem;
|
padding-right: 0.1866666667rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
position: absolute;
|
||||||
.record-list li .result-wrap .result .bg {
|
left: 50%;
|
||||||
width: 1.2133333333rem;
|
transform: translateX(-50%);
|
||||||
height: 1.2133333333rem;
|
width: 1.9066666667rem;
|
||||||
background: url("../images/record_bubble_act.png") no-repeat;
|
height: 0.6rem;
|
||||||
|
background: url(../images/record/result.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
top: 0.2rem;
|
||||||
}
|
|
||||||
.record-list li .result-wrap .result .bg img {
|
|
||||||
width: 75%;
|
|
||||||
margin-top: 0.15rem;
|
|
||||||
}
|
}
|
||||||
.record-list li .result-wrap .award {
|
.record-list li .result-wrap .award {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
right: 0rem;
|
||||||
|
top: -0.1rem;
|
||||||
}
|
}
|
||||||
.record-list li .result-wrap .award p,
|
.record-list li .result-wrap .award p,
|
||||||
.record-list li .result-wrap .award b {
|
.record-list li .result-wrap .award b {
|
||||||
@@ -124,25 +125,57 @@ body {
|
|||||||
width: 0.3733333333rem;
|
width: 0.3733333333rem;
|
||||||
height: 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 {
|
.record-list li .put-wrap {
|
||||||
width: 84%;
|
width: 84%;
|
||||||
height: 1.2133333333rem;
|
height: 1.2133333333rem;
|
||||||
line-height: 1.2133333333rem;
|
line-height: 1.2133333333rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 auto;
|
margin: 2rem auto 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.record-list li .put-wrap .put {
|
.record-list li .put-wrap .put {
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.3733333333rem;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-right: 0.9rem;
|
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 {
|
.record-list li .put-wrap .list {
|
||||||
width: 6.72rem;
|
width: 6.72rem;
|
||||||
height: 2.7733333333rem;
|
height: 2.7733333333rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
margin: 0.3rem auto 0;
|
||||||
}
|
}
|
||||||
.record-list li .put-wrap .list .item {
|
.record-list li .put-wrap .list .item {
|
||||||
width: 0.9866666667rem;
|
width: 0.9866666667rem;
|
||||||
@@ -176,7 +209,8 @@ body {
|
|||||||
}
|
}
|
||||||
.record-list li .put-wrap .list .item div .diamond {
|
.record-list li .put-wrap .list .item div .diamond {
|
||||||
width: 0.3333333333rem;
|
width: 0.3333333333rem;
|
||||||
height: 0.2666666667rem;
|
height: 0.3333333333rem;
|
||||||
|
margin-top: -0.01rem;
|
||||||
}
|
}
|
||||||
.record-list li .put-wrap .list .item div .in {
|
.record-list li .put-wrap .list .item div .in {
|
||||||
font-size: 0.2666666667rem;
|
font-size: 0.2666666667rem;
|
||||||
|
|||||||
@@ -1,9 +1,10 @@
|
|||||||
@function px2rem($px, $rem: 75) {
|
@function px2rem($px, $rem: 75) {
|
||||||
@return $px / $rem+rem;
|
@return $px / $rem+rem;
|
||||||
}
|
}
|
||||||
@function prefixurl() {
|
|
||||||
@return 'https://img.pekolive.com/'
|
// @function prefixurl() {
|
||||||
}
|
// @return 'https://img.pekolive.com/'
|
||||||
|
// }
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'pingfang-bold';
|
font-family: 'pingfang-bold';
|
||||||
@@ -63,7 +64,7 @@ body {
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(523, );
|
height: px2rem(636, );
|
||||||
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||||
background: url('../images/record/record-bg.png') no-repeat;
|
background: url('../images/record/record-bg.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
@@ -117,6 +118,7 @@ body {
|
|||||||
margin: px2rem(5, ) auto px2rem(25, );
|
margin: px2rem(5, ) auto px2rem(25, );
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.result {
|
.result {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -127,26 +129,39 @@ body {
|
|||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
padding-right: px2rem(14, );
|
padding-right: px2rem(14, );
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
.bg {
|
transform: translateX(-50%);
|
||||||
width: px2rem(91, );
|
width: px2rem(143, );
|
||||||
height: px2rem(91, );
|
height: px2rem(45, );
|
||||||
background: url('../images/record_bubble_act.png') no-repeat;
|
background: url(../images/record/result.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
top: 0.2rem;
|
||||||
|
|
||||||
img {
|
|
||||||
width: 75%;
|
|
||||||
margin-top: 0.15rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// .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 {
|
.award {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
// right: 0.8rem;
|
||||||
|
// top: 1.8rem;
|
||||||
|
right: 0rem;
|
||||||
|
top: -0.1rem;
|
||||||
|
|
||||||
p,
|
p,
|
||||||
b {
|
b {
|
||||||
@@ -160,6 +175,31 @@ body {
|
|||||||
height: px2rem(28, );
|
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 {
|
.put-wrap {
|
||||||
@@ -167,14 +207,23 @@ body {
|
|||||||
height: px2rem(91, );
|
height: px2rem(91, );
|
||||||
line-height: px2rem(91, );
|
line-height: px2rem(91, );
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 auto;
|
margin: 2rem auto 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.put {
|
.put {
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28, );
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-right: 0.9rem;
|
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 {
|
.list {
|
||||||
@@ -182,6 +231,7 @@ body {
|
|||||||
height: px2rem(208, );
|
height: px2rem(208, );
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
margin: 0.3rem auto 0;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: px2rem(74, );
|
width: px2rem(74, );
|
||||||
@@ -219,7 +269,8 @@ body {
|
|||||||
|
|
||||||
.diamond {
|
.diamond {
|
||||||
width: px2rem(25, );
|
width: px2rem(25, );
|
||||||
height: px2rem(20, );
|
height: px2rem(25, );
|
||||||
|
margin-top: -0.01rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.in {
|
.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/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.
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 |
@@ -14,7 +14,10 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="wrap no-in-app">
|
<div class="wrap no-in-app">
|
||||||
<!-- <div class="wrap "> -->
|
<!-- <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="rule"><img src="./images/rule.png" alt=""></div>
|
||||||
<div class="record"><img src="./images/record.png" alt=""></div>
|
<div class="record"><img src="./images/record.png" alt=""></div>
|
||||||
|
|
||||||
@@ -63,9 +66,9 @@
|
|||||||
<div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
|
<div class="count-down">下一轮：<span class="count-down-num"></span>秒</div>
|
||||||
<div class="current-tip">本轮结果：<span class="current-result"></span></div>
|
<div class="current-tip">本轮结果：<span class="current-result"></span></div>
|
||||||
<!-- 中奖物品展示 -->
|
<!-- 中奖物品展示 -->
|
||||||
<div class="draw-pic">
|
<!-- <div class="draw-pic">
|
||||||
<img src="" alt="">
|
<img src="http://beta.img.pekolive.com/FjWcbuxEpzZ8P3aS4A0n2llW9Jw9?imageslim" alt="">
|
||||||
</div>
|
</div> -->
|
||||||
<!-- 投入列表 -->
|
<!-- 投入列表 -->
|
||||||
<div class="put-wrap">
|
<div class="put-wrap">
|
||||||
<div class="put">投入</div>
|
<div class="put">投入</div>
|
||||||
@@ -126,8 +129,15 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 往轮结果 -->
|
<!-- 往轮结果 -->
|
||||||
<div class="previous-result">
|
<div class="previous_Round_Result">
|
||||||
<span>往轮结果</span>
|
<span></span>
|
||||||
|
<div class="box">
|
||||||
|
<ul>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="previous-result">
|
||||||
|
<span>往輪結果</span>
|
||||||
<div class="result-list">
|
<div class="result-list">
|
||||||
<p><img src="" alt=""></p>
|
<p><img src="" alt=""></p>
|
||||||
<p><img src="" alt=""></p>
|
<p><img src="" alt=""></p>
|
||||||
@@ -139,10 +149,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>
|
<p><img src="" alt=""></p>
|
||||||
<!-- <p><img src="" alt=""></p> -->
|
<p><img src="" alt=""></p>
|
||||||
</div>
|
</div>
|
||||||
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
|
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!-- 个人信息 -->
|
<!-- 个人信息 -->
|
||||||
<div class="info-bottom">
|
<div class="info-bottom">
|
||||||
|
|||||||
@@ -37,8 +37,11 @@ if (false) { //!browser.app
|
|||||||
} else {
|
} else {
|
||||||
$('.wrap').removeClass('no-in-app')
|
$('.wrap').removeClass('no-in-app')
|
||||||
}
|
}
|
||||||
|
console.log(document.body.clientWidth);
|
||||||
|
console.log(document.body.clientHeight);
|
||||||
|
if (document.body.clientHeight <= 700 || document.body.clientWidth >= 360) {
|
||||||
|
$('body,html').css({ "height": '19.2rem' });
|
||||||
|
}
|
||||||
// 獲取用戶相關信息
|
// 獲取用戶相關信息
|
||||||
let myFragment
|
let myFragment
|
||||||
const getUserInfo = (param) => {
|
const getUserInfo = (param) => {
|
||||||
@@ -135,8 +138,8 @@ const getNewestAct = () => {
|
|||||||
} else {
|
} else {
|
||||||
clearTimeout(timer2)
|
clearTimeout(timer2)
|
||||||
hideLoading(layerIndex)
|
hideLoading(layerIndex)
|
||||||
|
|
||||||
roundId = res.data.roundId
|
roundId = res.data.roundId
|
||||||
|
getPreviousResults(20, roundId)
|
||||||
$('.game-area .roundId').html(roundId)
|
$('.game-area .roundId').html(roundId)
|
||||||
getListItem(roundId, modelType)
|
getListItem(roundId, modelType)
|
||||||
|
|
||||||
@@ -217,11 +220,8 @@ const showView = () => {
|
|||||||
|
|
||||||
$('.award-wrap').html('').show()
|
$('.award-wrap').html('').show()
|
||||||
// $('.award-info .desc').html('')
|
// $('.award-info .desc').html('')
|
||||||
|
|
||||||
getPreviousResults(10, roundId)
|
|
||||||
showCountDown(userComeinTime, startTime, drawStageStartTime)
|
showCountDown(userComeinTime, startTime, drawStageStartTime)
|
||||||
getUserInfo()
|
getUserInfo()
|
||||||
|
|
||||||
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
|
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
|
||||||
// 第二階段
|
// 第二階段
|
||||||
console.log('進入第二階段');
|
console.log('進入第二階段');
|
||||||
@@ -239,16 +239,13 @@ const showView = () => {
|
|||||||
console.log('isStatus2的值------------', isStatus2);
|
console.log('isStatus2的值------------', isStatus2);
|
||||||
|
|
||||||
// $('.btn-wrap').find('div').removeClass('active')
|
// $('.btn-wrap').find('div').removeClass('active')
|
||||||
|
|
||||||
getPreviousResults(10, roundId)
|
|
||||||
showCountDown(userComeinTime, drawStageStartTime, showResultStageStartTime)
|
showCountDown(userComeinTime, drawStageStartTime, showResultStageStartTime)
|
||||||
judgeStatus()
|
judgeStatus()
|
||||||
getUserInfo()
|
getUserInfo()
|
||||||
|
|
||||||
// 播放5s動畫
|
// 播放5s動畫
|
||||||
let player = new SVGA.Player('.wait-time');
|
let player = new SVGA.Player('.wait-time');
|
||||||
let parser = new SVGA.Parser('.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.loops = 2;
|
||||||
player.clearsAfterStop = false;
|
player.clearsAfterStop = false;
|
||||||
player.setVideoItem(videoItem);
|
player.setVideoItem(videoItem);
|
||||||
@@ -268,7 +265,6 @@ const showView = () => {
|
|||||||
showCountDown(userComeinTime, showResultStageStartTime, endTime)
|
showCountDown(userComeinTime, showResultStageStartTime, endTime)
|
||||||
judgeStatus()
|
judgeStatus()
|
||||||
getUserInfo()
|
getUserInfo()
|
||||||
// getPreviousResults(10, roundId)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -401,7 +397,7 @@ const judgeStatus = () => {
|
|||||||
drawInfo = res.data
|
drawInfo = res.data
|
||||||
img = res.data.drawImageUrl
|
img = res.data.drawImageUrl
|
||||||
if (isStatus3) {
|
if (isStatus3) {
|
||||||
getPreviousResults(10, roundId)
|
getPreviousResults(20, roundId)
|
||||||
}
|
}
|
||||||
renderDrawInfo()
|
renderDrawInfo()
|
||||||
} else {
|
} else {
|
||||||
@@ -425,8 +421,40 @@ const judgeStatus = () => {
|
|||||||
let topThreeArr = []
|
let topThreeArr = []
|
||||||
const renderDrawInfo = () => {
|
const renderDrawInfo = () => {
|
||||||
$('.draw-time .current-tip .current-result').html(drawInfo.drawName)
|
$('.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 (isStatus3) {
|
||||||
// if (drawInfo.userDrawResult.drawStatus === 1) {
|
// if (drawInfo.userDrawResult.drawStatus === 1) {
|
||||||
// $('.award-info .desc').html('恭喜你，猜中了！')
|
// $('.award-info .desc').html('恭喜你，猜中了！')
|
||||||
@@ -571,7 +599,6 @@ const renderListItem = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 獲取往輪遊戲結果
|
// 獲取往輪遊戲結果
|
||||||
let previousResults = []
|
|
||||||
const getPreviousResults = (count, roundId) => {
|
const getPreviousResults = (count, roundId) => {
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
@@ -582,8 +609,8 @@ const getPreviousResults = (count, roundId) => {
|
|||||||
},
|
},
|
||||||
success (res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
previousResults = res.data
|
// previousResults = res.data
|
||||||
renderPreviousResults()
|
renderPreviousResults(res.data)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error (err) {
|
error (err) {
|
||||||
@@ -593,40 +620,51 @@ const getPreviousResults = (count, roundId) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 渲染往輪遊戲結果
|
// 渲染往輪遊戲結果
|
||||||
const renderPreviousResults = () => {
|
const renderPreviousResults = (val) => {
|
||||||
|
|
||||||
let str = ''
|
let str = ''
|
||||||
if (previousResults.length < 5) {
|
if (val.length < 5) {
|
||||||
let len = 5 - previousResults.length
|
let len = 5 - val.length
|
||||||
let arr = new Array(len).fill(1)
|
let arr = new Array(len).fill(1)
|
||||||
previousResults.push(...arr)
|
val.push(...arr)
|
||||||
}
|
}
|
||||||
if (isStatus3) {
|
if (isStatus3) {
|
||||||
if (img) {
|
if (img) {
|
||||||
previousResults.pop()
|
val.pop()
|
||||||
previousResults.unshift({
|
val.unshift({
|
||||||
drawImageUrl: img
|
drawImageUrl: img
|
||||||
})
|
})
|
||||||
console.log(previousResults);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
previousResults.map((item) => {
|
val.forEach(res => {
|
||||||
str += `
|
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) => {
|
const sendUserDrawInfo = (itemId, num, tais) => {
|
||||||
showLoading();
|
// showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
url: urlPrefix + '/act/luckySea/draw',
|
url: urlPrefix + '/act/luckySea/draw',
|
||||||
// contentType: 'application/json',
|
// contentType: 'application/json',
|
||||||
// data: `[ {
|
// data: `[{
|
||||||
// "itemId":${itemId},
|
// "itemId":${itemId},
|
||||||
// "num":${num}
|
// "num":${num}
|
||||||
// }]`,
|
// }]`,
|
||||||
@@ -787,7 +825,7 @@ const renderMyInfo = () => {
|
|||||||
myInfoN.nick = '未知'
|
myInfoN.nick = '未知'
|
||||||
}
|
}
|
||||||
$('.mine-info').find('.mine-nick').html(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 +941,7 @@ const renderRankList = () => {
|
|||||||
othersArr.map((item, index) => {
|
othersArr.map((item, index) => {
|
||||||
let num
|
let num
|
||||||
if (item.erbanNo) {
|
if (item.erbanNo) {
|
||||||
num = '猜中' + item.num + '次'
|
num = '猜中<b> ' + item.num + ' </b>次'
|
||||||
}
|
}
|
||||||
others += `
|
others += `
|
||||||
<li uid="${item.uid}">
|
<li uid="${item.uid}">
|
||||||
@@ -971,6 +1009,7 @@ $(function () {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
// getPreviousResults(20, roundId)
|
||||||
}, 50)
|
}, 50)
|
||||||
|
|
||||||
// 監聽按鈕點擊事件
|
// 監聽按鈕點擊事件
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ $(function () {
|
|||||||
getUserRecord()
|
getUserRecord()
|
||||||
}, 100)
|
}, 100)
|
||||||
|
|
||||||
function getUserRecord() {
|
function getUserRecord () {
|
||||||
canNext = false
|
canNext = false
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
@@ -32,7 +32,7 @@ $(function () {
|
|||||||
page,
|
page,
|
||||||
pageSize
|
pageSize
|
||||||
},
|
},
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (res.data.length != 0) {
|
if (res.data.length != 0) {
|
||||||
// 能够继续请求下一页
|
// 能够继续请求下一页
|
||||||
@@ -49,7 +49,7 @@ $(function () {
|
|||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
canNext = true
|
canNext = true
|
||||||
toastMsg('網絡錯誤，請退出重進')
|
toastMsg('網絡錯誤，請退出重進')
|
||||||
}
|
}
|
||||||
@@ -60,7 +60,7 @@ $(function () {
|
|||||||
const renderRecord = (recordList) => {
|
const renderRecord = (recordList) => {
|
||||||
if (recordList.length === 0) {
|
if (recordList.length === 0) {
|
||||||
$('.record-list').hide();
|
$('.record-list').hide();
|
||||||
$('.img').show();
|
// $('.img').show();
|
||||||
} else {
|
} else {
|
||||||
// $('.record-list li').remove();
|
// $('.record-list li').remove();
|
||||||
$('.record-list').show();
|
$('.record-list').show();
|
||||||
@@ -92,40 +92,42 @@ $(function () {
|
|||||||
</div>
|
</div>
|
||||||
<div class="result-wrap">
|
<div class="result-wrap">
|
||||||
<div class="result">
|
<div class="result">
|
||||||
<span>本輪結果</span>
|
<span></span>
|
||||||
<div class="bg"><img src="${itemUrl}" alt=""></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="award">
|
<div class="award">
|
||||||
<p>獎勵:</p>
|
<p>獎勵:</p>
|
||||||
<img src="./images/diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<b>${res.reward}</b>
|
<b>${res.reward}</b>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="result_sBox">
|
||||||
|
${res.drawItemList.map(item => {
|
||||||
|
return `<div class="bg"><img src="${item.drawImageUrl}" alt=""></div>`
|
||||||
|
}).join('')}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="put-wrap">
|
<div class="put-wrap">
|
||||||
<div class="put">投入</div>
|
<div class="put"></div>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
`
|
`
|
||||||
|
|
||||||
})
|
})
|
||||||
$('.record-list').append(str)
|
$('.record-list').append(str)
|
||||||
|
|
||||||
|
|
||||||
results.forEach((res, index) => {
|
results.forEach((res, index) => {
|
||||||
res.forEach(val => {
|
res.forEach(val => {
|
||||||
|
|
||||||
$('.record-list li').eq(lisIndexId).find('.list').append(`
|
$('.record-list li').eq(lisIndexId).find('.list').append(`
|
||||||
<div class="item">
|
<div class= "item">
|
||||||
<p><img src="${val.itemUrl}" class="gift" alt=""></p>
|
<p><img src="${val.itemUrl}" class="gift" alt=""></p>
|
||||||
<div>
|
<div>
|
||||||
<img src="./images/diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<span class="in">${val.costPiece}</span>
|
<span class="in">${val.costPiece}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`)
|
`)
|
||||||
})
|
})
|
||||||
lisIndex = lisIndex + 1;
|
lisIndex = lisIndex + 1;
|
||||||
lisIndexId = lisIndexId + 1;
|
lisIndexId = lisIndexId + 1;
|
||||||
|
|||||||
@@ -14,27 +14,122 @@
|
|||||||
<body>
|
<body>
|
||||||
<ul class="record-list">
|
<ul class="record-list">
|
||||||
<!-- <li style="margin-bottom: 0.8rem;">
|
<!-- <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">
|
<div class="goldBox">
|
||||||
<span>NO.2212092000</span>
|
<span>NO.230225191242</span>
|
||||||
<p class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
<p style="display: block;" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
||||||
<p class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
<p style="display: none;" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="result-wrap">
|
<div class="result-wrap">
|
||||||
<div class="result">
|
<div class="result">
|
||||||
<span>本輪結果</span>
|
<span></span>
|
||||||
<div class="bg"><img src="" alt=""></div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="award">
|
<div class="award">
|
||||||
<p>獎勵:</p>
|
<p>獎勵:</p>
|
||||||
<img src="./images/diamond.png" class="diamond" alt="">
|
<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>
|
</div>
|
||||||
<div class="put-wrap">
|
<div class="put-wrap">
|
||||||
<div class="put">投入</div>
|
<div class="put"></div>
|
||||||
<div class="list">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</li> -->
|
</li> -->
|
||||||
|
|||||||
@@ -541,8 +541,8 @@ function getInfoFromClient () {
|
|||||||
|
|
||||||
} else {
|
} else {
|
||||||
// 非app环境调试参数
|
// 非app环境调试参数
|
||||||
pubInfo.uid = 2346;
|
pubInfo.uid = 0;
|
||||||
pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoyMzQ2LCJ0aWNrZXRfaWQiOiJhOTY1YzkyYi1hZDM2LTRhZWItODk5OC1iN2UzODEyZjU2ZGYiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.AA-x5FwodxS9zimfJv4CTBXgD5-CPgVeoS-L6EU8VTI";
|
pubInfo.ticket = "";
|
||||||
// pubInfo.uid = "";
|
// pubInfo.uid = "";
|
||||||
// pubInfo.ticket = "";
|
// pubInfo.ticket = "";
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user