Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
9466a29e6b | ||
|
|
4c8e0c6a9a | ||
|
|
865c5496cf | ||
|
|
54dc906e35 | ||
|
|
9398b10240 | ||
|
|
e73df1d25a | ||
|
|
ba5e5a6b77 | ||
|
|
09985ea05a |
@@ -52,7 +52,7 @@ body {
|
|||||||
color: white;
|
color: white;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: url("https://img.pekolive.com/cf-previous-result-bg.png") no-repeat 0 0/100% 100%;
|
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-result span {
|
||||||
@@ -67,7 +67,7 @@ body {
|
|||||||
width: 0.5333333333rem;
|
width: 0.5333333333rem;
|
||||||
height: 0.5333333333rem;
|
height: 0.5333333333rem;
|
||||||
margin-left: 0.1066666667rem;
|
margin-left: 0.1066666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-little-bubble.png") 0 0/100% 100%;
|
background: url("../images/little-bubble.png") 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .previous-result .result-list p img {
|
.wrap .previous-result .result-list p img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -97,7 +97,7 @@ body {
|
|||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 14.0533333333rem;
|
height: 14.0533333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-game-area.png") no-repeat 0 0/100% 100%;
|
background: url("../images/game-area.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .roundId {
|
.wrap .game-area .roundId {
|
||||||
font-size: 0.2666666667rem;
|
font-size: 0.2666666667rem;
|
||||||
@@ -119,7 +119,7 @@ body {
|
|||||||
width: 5.45rem;
|
width: 5.45rem;
|
||||||
height: 0.96rem;
|
height: 0.96rem;
|
||||||
line-height: 0.8266666667rem;
|
line-height: 0.8266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -130,7 +130,7 @@ body {
|
|||||||
width: 4.9066666667rem;
|
width: 4.9066666667rem;
|
||||||
height: 0.9066666667rem;
|
height: 0.9066666667rem;
|
||||||
line-height: 0.9066666667rem;
|
line-height: 0.9066666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
|
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||||
font-size: 0.2933333333rem;
|
font-size: 0.2933333333rem;
|
||||||
color: #F0C799;
|
color: #F0C799;
|
||||||
}
|
}
|
||||||
@@ -146,7 +146,7 @@ body {
|
|||||||
height: 1.9733333333rem;
|
height: 1.9733333333rem;
|
||||||
margin-top: 1.7333333333rem;
|
margin-top: 1.7333333333rem;
|
||||||
margin-right: 0.4266666667rem;
|
margin-right: 0.4266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-bubble-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/bubble-bg.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .select-time ul li:nth-child(-n+4) {
|
.wrap .game-area .select-time ul li:nth-child(-n+4) {
|
||||||
margin-top: 1.0666666667rem;
|
margin-top: 1.0666666667rem;
|
||||||
@@ -164,7 +164,7 @@ body {
|
|||||||
height: 0.3733333333rem;
|
height: 0.3733333333rem;
|
||||||
line-height: 0.3733333333rem;
|
line-height: 0.3733333333rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: url("https://img.pekolive.com/cf-multiple-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/multiple-bg.png") no-repeat 0 0/100% 100%;
|
||||||
font-size: 0.2666666667rem;
|
font-size: 0.2666666667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: white;
|
color: white;
|
||||||
@@ -179,7 +179,7 @@ body {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 1.8133333333rem;
|
width: 1.8133333333rem;
|
||||||
height: 0.7733333333rem;
|
height: 0.7733333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-name-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/name-bg.png") no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.3333333333rem;
|
font-size: 0.3333333333rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -189,7 +189,7 @@ body {
|
|||||||
.wrap .game-area .select-time ul li .name.general {
|
.wrap .game-area .select-time ul li .name.general {
|
||||||
height: 0.6133333333rem;
|
height: 0.6133333333rem;
|
||||||
line-height: 0.4rem;
|
line-height: 0.4rem;
|
||||||
background: url("https://img.pekolive.com/cf-name-general-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/name-general-bg.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .select-time ul li .name .gift-price {
|
.wrap .game-area .select-time ul li .name .gift-price {
|
||||||
font-size: 0.24rem;
|
font-size: 0.24rem;
|
||||||
@@ -202,7 +202,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: -0.96rem;
|
top: -0.96rem;
|
||||||
left: -0.3733333333rem;
|
left: -0.3733333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-qipao-2s.png") no-repeat 0 0/100% 100%;
|
background: url("../images/qipao-2s.png") no-repeat 0 0/100% 100%;
|
||||||
transform: rotate(343deg);
|
transform: rotate(343deg);
|
||||||
text-indent: 0.2133333333rem;
|
text-indent: 0.2133333333rem;
|
||||||
}
|
}
|
||||||
@@ -234,20 +234,20 @@ body {
|
|||||||
width: 9.4666666667rem;
|
width: 9.4666666667rem;
|
||||||
height: 1.68rem;
|
height: 1.68rem;
|
||||||
margin: 1.8666666667rem auto 0;
|
margin: 1.8666666667rem auto 0;
|
||||||
background: url("https://img.pekolive.com/cf-btn-wrap-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/btn-wrap-bg.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .select-time .btn-wrap div {
|
.wrap .game-area .select-time .btn-wrap div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 2.5333333333rem;
|
width: 2.5333333333rem;
|
||||||
height: 1.0666666667rem;
|
height: 1.0666666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-fragment-btn.png") no-repeat 0 0/100% 100%;
|
background: url("../images/fragment-btn.png") no-repeat 0 0/100% 100%;
|
||||||
line-height: 1.0666666667rem;
|
line-height: 1.0666666667rem;
|
||||||
font-size: 0.4rem;
|
font-size: 0.4rem;
|
||||||
color: #975B25;
|
color: #975B25;
|
||||||
}
|
}
|
||||||
.wrap .game-area .select-time .btn-wrap div.active {
|
.wrap .game-area .select-time .btn-wrap div.active {
|
||||||
background-image: url("https://img.pekolive.com/cf-fragment-btn-active.png");
|
background-image: url("../images/fragment-btn-active.png");
|
||||||
color: #B33E17;
|
color: #B33E17;
|
||||||
}
|
}
|
||||||
.wrap .game-area .select-time .btn-wrap div:first-child {
|
.wrap .game-area .select-time .btn-wrap div:first-child {
|
||||||
@@ -287,7 +287,7 @@ body {
|
|||||||
width: 4.2933333333rem;
|
width: 4.2933333333rem;
|
||||||
height: 0.96rem;
|
height: 0.96rem;
|
||||||
line-height: 0.8266666667rem;
|
line-height: 0.8266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #B82F1A;
|
color: #B82F1A;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
@@ -298,7 +298,7 @@ body {
|
|||||||
width: 4.9066666667rem;
|
width: 4.9066666667rem;
|
||||||
height: 0.9066666667rem;
|
height: 0.9066666667rem;
|
||||||
line-height: 0.9066666667rem;
|
line-height: 0.9066666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-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: rgba(255, 240, 199, 0.6);
|
||||||
@@ -309,7 +309,7 @@ body {
|
|||||||
width: 2.8rem;
|
width: 2.8rem;
|
||||||
height: 2.84rem;
|
height: 2.84rem;
|
||||||
margin: 1.2rem auto 0.2rem;
|
margin: 1.2rem auto 0.2rem;
|
||||||
background: url("https://img.pekolive.com/cf-drawBg.png");
|
background: url("../images/drawBg.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time .count-down,
|
.wrap .game-area .draw-time .count-down,
|
||||||
@@ -322,7 +322,7 @@ body {
|
|||||||
width: 4.2933333333rem;
|
width: 4.2933333333rem;
|
||||||
height: 0.96rem;
|
height: 0.96rem;
|
||||||
line-height: 0.8266666667rem;
|
line-height: 0.8266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
|
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
color: #B82F1A;
|
color: #B82F1A;
|
||||||
@@ -333,7 +333,7 @@ body {
|
|||||||
width: 4.9066666667rem;
|
width: 4.9066666667rem;
|
||||||
height: 0.9066666667rem;
|
height: 0.9066666667rem;
|
||||||
line-height: 0.9066666667rem;
|
line-height: 0.9066666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
|
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||||
font-size: 0.2933333333rem;
|
font-size: 0.2933333333rem;
|
||||||
color: #F0C799;
|
color: #F0C799;
|
||||||
}
|
}
|
||||||
@@ -594,7 +594,7 @@ body {
|
|||||||
.wrap .game-area .draw-time .put-wrap .list .item p {
|
.wrap .game-area .draw-time .put-wrap .list .item p {
|
||||||
width: 0.8266666667rem;
|
width: 0.8266666667rem;
|
||||||
height: 0.8266666667rem;
|
height: 0.8266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-record_bubble.png") no-repeat;
|
background: url("../images/record_bubble.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.wrap .game-area .draw-time .put-wrap .list .item p .gift {
|
.wrap .game-area .draw-time .put-wrap .list .item p .gift {
|
||||||
@@ -626,7 +626,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1.7333333333rem;
|
height: 1.7333333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-index-bottom.png") no-repeat 0 0/100% 100%;
|
background: url("../images/index-bottom.png") no-repeat 0 0/100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@@ -686,7 +686,7 @@ body {
|
|||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 7.68rem;
|
width: 7.68rem;
|
||||||
height: 8.88rem;
|
height: 8.88rem;
|
||||||
background: url("https://img.pekolive.com/cf-rule-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/rule-bg.png") no-repeat 0 0/100% 100%;
|
||||||
font-size: 0.3466666667rem;
|
font-size: 0.3466666667rem;
|
||||||
color: #B58147;
|
color: #B58147;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@@ -709,7 +709,7 @@ body {
|
|||||||
width: 3.36rem;
|
width: 3.36rem;
|
||||||
height: 0.6133333333rem;
|
height: 0.6133333333rem;
|
||||||
line-height: 0.6133333333rem;
|
line-height: 0.6133333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-title-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../images/title-bg.png") no-repeat 0 0/100% 100%;
|
||||||
margin: 0 auto 0.2933333333rem;
|
margin: 0 auto 0.2933333333rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -803,7 +803,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url("https://img.pekolive.com/cf-first.png") no-repeat 0 0/100% 100%;
|
background: url("../images/first.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
.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;
|
||||||
@@ -997,7 +997,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1.7333333333rem;
|
height: 1.7333333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-bottom.png") no-repeat 0 0/100% 100%;
|
background: url("../images/bottom.png") no-repeat 0 0/100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -74,7 +74,7 @@ body {
|
|||||||
color: white;
|
color: white;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: url(prefixurl()+'cf-previous-result-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
@@ -95,7 +95,7 @@ body {
|
|||||||
width: px2rem(40);
|
width: px2rem(40);
|
||||||
height: px2rem(40);
|
height: px2rem(40);
|
||||||
margin-left: px2rem(8);
|
margin-left: px2rem(8);
|
||||||
background: url(prefixurl()+'cf-little-bubble.png') 0 0/100% 100%;
|
background: url('../images/little-bubble.png') 0 0/100% 100%;
|
||||||
|
|
||||||
// &:nth-child(11){
|
// &:nth-child(11){
|
||||||
// width: px2rem(40, );
|
// width: px2rem(40, );
|
||||||
@@ -141,7 +141,7 @@ body {
|
|||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(1054);
|
height: px2rem(1054);
|
||||||
background: url(prefixurl()+'cf-game-area.png') no-repeat 0 0/100% 100%;
|
background: url('../images/game-area.png') no-repeat 0 0/100% 100%;
|
||||||
|
|
||||||
.roundId {
|
.roundId {
|
||||||
font-size: px2rem(20, );
|
font-size: px2rem(20, );
|
||||||
@@ -166,7 +166,7 @@ body {
|
|||||||
width: 5.45rem;
|
width: 5.45rem;
|
||||||
height: px2rem(72);
|
height: px2rem(72);
|
||||||
line-height: px2rem(62);
|
line-height: px2rem(62);
|
||||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -178,7 +178,7 @@ body {
|
|||||||
width: px2rem(368);
|
width: px2rem(368);
|
||||||
height: px2rem(68);
|
height: px2rem(68);
|
||||||
line-height: px2rem(68);
|
line-height: px2rem(68);
|
||||||
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
|
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||||
font-size: px2rem(22);
|
font-size: px2rem(22);
|
||||||
color: #F0C799;
|
color: #F0C799;
|
||||||
}
|
}
|
||||||
@@ -197,7 +197,7 @@ body {
|
|||||||
height: px2rem(148);
|
height: px2rem(148);
|
||||||
margin-top: px2rem(130);
|
margin-top: px2rem(130);
|
||||||
margin-right: px2rem(32);
|
margin-right: px2rem(32);
|
||||||
background: url(prefixurl()+'cf-bubble-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/bubble-bg.png') no-repeat 0 0/100% 100%;
|
||||||
|
|
||||||
&:nth-child(-n+4) {
|
&:nth-child(-n+4) {
|
||||||
margin-top: px2rem(80);
|
margin-top: px2rem(80);
|
||||||
@@ -217,7 +217,7 @@ body {
|
|||||||
height: px2rem(28);
|
height: px2rem(28);
|
||||||
line-height: px2rem(28);
|
line-height: px2rem(28);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: url(prefixurl()+'cf-multiple-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/multiple-bg.png') no-repeat 0 0/100% 100%;
|
||||||
font-size: px2rem(20);
|
font-size: px2rem(20);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: white;
|
color: white;
|
||||||
@@ -233,7 +233,7 @@ body {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: px2rem(136);
|
width: px2rem(136);
|
||||||
height: px2rem(58);
|
height: px2rem(58);
|
||||||
background: url(prefixurl()+'cf-name-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/name-bg.png') no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: px2rem(25);
|
font-size: px2rem(25);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -243,7 +243,7 @@ body {
|
|||||||
&.general {
|
&.general {
|
||||||
height: px2rem(46);
|
height: px2rem(46);
|
||||||
line-height: px2rem(30);
|
line-height: px2rem(30);
|
||||||
background: url(prefixurl()+'cf-name-general-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/name-general-bg.png') no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gift-price {
|
.gift-price {
|
||||||
@@ -261,7 +261,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2rem(-72);
|
top: px2rem(-72);
|
||||||
left: px2rem(-28);
|
left: px2rem(-28);
|
||||||
background: url(prefixurl()+'cf-qipao-2s.png') no-repeat 0 0/100% 100%;
|
background: url('../images/qipao-2s.png') no-repeat 0 0/100% 100%;
|
||||||
transform: rotate(343deg);
|
transform: rotate(343deg);
|
||||||
text-indent: px2rem(16);
|
text-indent: px2rem(16);
|
||||||
|
|
||||||
@@ -309,20 +309,20 @@ body {
|
|||||||
width: px2rem(710);
|
width: px2rem(710);
|
||||||
height: px2rem(126);
|
height: px2rem(126);
|
||||||
margin: px2rem(140) auto 0;
|
margin: px2rem(140) auto 0;
|
||||||
background: url(prefixurl()+'cf-btn-wrap-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/btn-wrap-bg.png') no-repeat 0 0/100% 100%;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: px2rem(190);
|
width: px2rem(190);
|
||||||
height: px2rem(80);
|
height: px2rem(80);
|
||||||
background: url(prefixurl()+'cf-fragment-btn.png') no-repeat 0 0/100% 100%;
|
background: url('../images/fragment-btn.png') no-repeat 0 0/100% 100%;
|
||||||
line-height: px2rem(80);
|
line-height: px2rem(80);
|
||||||
font-size: px2rem(30);
|
font-size: px2rem(30);
|
||||||
color: #975B25;
|
color: #975B25;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
background-image: url(prefixurl()+'cf-fragment-btn-active.png');
|
background-image: url('../images/fragment-btn-active.png');
|
||||||
color: #B33E17;
|
color: #B33E17;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -373,7 +373,7 @@ body {
|
|||||||
width: px2rem(322);
|
width: px2rem(322);
|
||||||
height: px2rem(72);
|
height: px2rem(72);
|
||||||
line-height: px2rem(62);
|
line-height: px2rem(62);
|
||||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #B82F1A;
|
color: #B82F1A;
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
@@ -385,7 +385,7 @@ body {
|
|||||||
width: px2rem(368);
|
width: px2rem(368);
|
||||||
height: px2rem(68);
|
height: px2rem(68);
|
||||||
line-height: px2rem(68);
|
line-height: px2rem(68);
|
||||||
background: url(prefixurl()+'cf-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: px2rem(22);
|
font-size: px2rem(22);
|
||||||
color: #FFF0C799;
|
color: #FFF0C799;
|
||||||
@@ -402,7 +402,7 @@ body {
|
|||||||
width: px2rem(210, );
|
width: px2rem(210, );
|
||||||
height: px2rem(213, );
|
height: px2rem(213, );
|
||||||
margin: 1.2rem auto 0.2rem;
|
margin: 1.2rem auto 0.2rem;
|
||||||
background: url(prefixurl()+'cf-drawBg.png');
|
background: url('../images/drawBg.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
.count-down,
|
.count-down,
|
||||||
@@ -415,7 +415,7 @@ body {
|
|||||||
width: px2rem(322);
|
width: px2rem(322);
|
||||||
height: px2rem(72);
|
height: px2rem(72);
|
||||||
line-height: px2rem(62);
|
line-height: px2rem(62);
|
||||||
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
|
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #B82F1A;
|
color: #B82F1A;
|
||||||
@@ -427,7 +427,7 @@ body {
|
|||||||
width: px2rem(368);
|
width: px2rem(368);
|
||||||
height: px2rem(68);
|
height: px2rem(68);
|
||||||
line-height: px2rem(68);
|
line-height: px2rem(68);
|
||||||
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
|
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||||
font-size: px2rem(22);
|
font-size: px2rem(22);
|
||||||
color: #F0C799;
|
color: #F0C799;
|
||||||
}
|
}
|
||||||
@@ -741,7 +741,7 @@ body {
|
|||||||
p {
|
p {
|
||||||
width: px2rem(62, );
|
width: px2rem(62, );
|
||||||
height: px2rem(62, );
|
height: px2rem(62, );
|
||||||
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
|
background: url('../images/record_bubble.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
.gift {
|
.gift {
|
||||||
@@ -785,7 +785,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(130);
|
height: px2rem(130);
|
||||||
background: url(prefixurl()+'cf-index-bottom.png') no-repeat 0 0/100% 100%;
|
background: url('../images/index-bottom.png') no-repeat 0 0/100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
// justify-content: space-evenly;
|
// justify-content: space-evenly;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -855,7 +855,7 @@ body {
|
|||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: px2rem(576);
|
width: px2rem(576);
|
||||||
height: px2rem(666);
|
height: px2rem(666);
|
||||||
background: url(prefixurl()+'cf-rule-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/rule-bg.png') no-repeat 0 0/100% 100%;
|
||||||
// padding: px2rem(56) px2rem(54) px2rem(42) px2rem(40);
|
// padding: px2rem(56) px2rem(54) px2rem(42) px2rem(40);
|
||||||
// box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
font-size: px2rem(26);
|
font-size: px2rem(26);
|
||||||
@@ -880,7 +880,7 @@ body {
|
|||||||
width: px2rem(252);
|
width: px2rem(252);
|
||||||
height: px2rem(46);
|
height: px2rem(46);
|
||||||
line-height: px2rem(46);
|
line-height: px2rem(46);
|
||||||
background: url(prefixurl()+'cf-title-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/title-bg.png') no-repeat 0 0/100% 100%;
|
||||||
margin: 0 auto px2rem(22);
|
margin: 0 auto px2rem(22);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -992,7 +992,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url(prefixurl()+'cf-first.png') no-repeat 0 0/100% 100%;
|
background: url('../images/first.png') no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@@ -1223,7 +1223,7 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(130);
|
height: px2rem(130);
|
||||||
background: url(prefixurl()+'cf-bottom.png') no-repeat 0 0/100% 100%;
|
background: url('../images/bottom.png') no-repeat 0 0/100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ body {
|
|||||||
.record-list li {
|
.record-list li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 6.9733333333rem;
|
height: 6.9733333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-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;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -102,7 +102,7 @@ body {
|
|||||||
.record-list li .result-wrap .result .bg {
|
.record-list li .result-wrap .result .bg {
|
||||||
width: 1.2133333333rem;
|
width: 1.2133333333rem;
|
||||||
height: 1.2133333333rem;
|
height: 1.2133333333rem;
|
||||||
background: url("https://img.pekolive.com/cf-record_bubble_act.png") no-repeat;
|
background: url("../images/record_bubble_act.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -159,7 +159,7 @@ body {
|
|||||||
.record-list li .put-wrap .list .item p {
|
.record-list li .put-wrap .list .item p {
|
||||||
width: 0.8266666667rem;
|
width: 0.8266666667rem;
|
||||||
height: 0.8266666667rem;
|
height: 0.8266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-record_bubble.png") no-repeat;
|
background: url("../images/record_bubble.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.record-list li .put-wrap .list .item p .gift {
|
.record-list li .put-wrap .list .item p .gift {
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(523, );
|
height: px2rem(523, );
|
||||||
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||||
background: url(prefixurl()+'cf-record-bg.png') no-repeat;
|
background: url('../images/record/record-bg.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
border-radius: px2rem(20, );
|
border-radius: px2rem(20, );
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -132,7 +132,7 @@ body {
|
|||||||
.bg {
|
.bg {
|
||||||
width: px2rem(91, );
|
width: px2rem(91, );
|
||||||
height: px2rem(91, );
|
height: px2rem(91, );
|
||||||
background: url(prefixurl()+'cf-record_bubble_act.png') no-repeat;
|
background: url('../images/record_bubble_act.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
@@ -200,7 +200,7 @@ body {
|
|||||||
p {
|
p {
|
||||||
width: px2rem(62, );
|
width: px2rem(62, );
|
||||||
height: px2rem(62, );
|
height: px2rem(62, );
|
||||||
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
|
background: url('../images/record_bubble.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
.gift {
|
.gift {
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ body {
|
|||||||
.header {
|
.header {
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
height: 4.2266666667rem;
|
height: 4.2266666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-result_main.png");
|
background: url("../images/result_main.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -45,7 +45,7 @@ body {
|
|||||||
.main {
|
.main {
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
height: 15.6rem;
|
height: 15.6rem;
|
||||||
background: url("https://img.pekolive.com/cf-game-area.png");
|
background: url("../images/game-area.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: -1.85rem auto 0;
|
margin: -1.85rem auto 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -55,7 +55,7 @@ body {
|
|||||||
width: 9.4533333333rem;
|
width: 9.4533333333rem;
|
||||||
height: 1.1466666667rem;
|
height: 1.1466666667rem;
|
||||||
line-height: 1.1466666667rem;
|
line-height: 1.1466666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-result_list_bg.png");
|
background: url("../images/result_list_bg.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 auto 0.24rem;
|
margin: 0 auto 0.24rem;
|
||||||
@@ -86,7 +86,7 @@ body {
|
|||||||
height: 0.8266666667rem;
|
height: 0.8266666667rem;
|
||||||
line-height: 1.1466666667rem;
|
line-height: 1.1466666667rem;
|
||||||
margin-left: 0.4666666667rem;
|
margin-left: 0.4666666667rem;
|
||||||
background: url("https://img.pekolive.com/cf-record_bubble.png");
|
background: url("../images/record_bubble.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.main li .list p img {
|
.main li .list p img {
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ body {
|
|||||||
.header {
|
.header {
|
||||||
width: px2rem(750, );
|
width: px2rem(750, );
|
||||||
height: px2rem(317, );
|
height: px2rem(317, );
|
||||||
background: url(prefixurl()+'cf-result_main.png');
|
background: url('../images/result_main.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -61,7 +61,7 @@ body {
|
|||||||
.main {
|
.main {
|
||||||
width: px2rem(750, );
|
width: px2rem(750, );
|
||||||
height: px2rem(1170, );
|
height: px2rem(1170, );
|
||||||
background: url(prefixurl()+'cf-game-area.png');
|
background: url('../images/game-area.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: -1.85rem auto 0;
|
margin: -1.85rem auto 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -71,7 +71,7 @@ body {
|
|||||||
width: px2rem(709, );
|
width: px2rem(709, );
|
||||||
height: px2rem(86, );
|
height: px2rem(86, );
|
||||||
line-height: px2rem(86, );
|
line-height: px2rem(86, );
|
||||||
background: url(prefixurl()+'cf-result_list_bg.png');
|
background: url('../images/result_list_bg.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 auto 0.24rem;
|
margin: 0 auto 0.24rem;
|
||||||
@@ -105,7 +105,7 @@ body {
|
|||||||
height: px2rem(62, );
|
height: px2rem(62, );
|
||||||
line-height: px2rem(86, );
|
line-height: px2rem(86, );
|
||||||
margin-left: px2rem(35, );
|
margin-left: px2rem(35, );
|
||||||
background: url(prefixurl()+'cf-record_bubble.png');
|
background: url('../images/record_bubble.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|||||||
@@ -8,15 +8,15 @@
|
|||||||
<title>星级厨房</title>
|
<title>星级厨房</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
<link rel="stylesheet" href="./css/index.css?v=2.1">
|
<link rel="stylesheet" href="./css/index.css?v=2.2">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<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="https://img.pekolive.com/cf-banner.png" alt=""></div>
|
<div class="banner"><img src="./images/banner.png" alt=""></div>
|
||||||
<div class="rule"><img src="https://img.pekolive.com/cf-rule.png" alt=""></div>
|
<div class="rule"><img src="./images/rule.png" alt=""></div>
|
||||||
<div class="record"><img src="https://img.pekolive.com/cf-record.png" alt=""></div>
|
<div class="record"><img src="./images/record.png" alt=""></div>
|
||||||
|
|
||||||
<!-- 特权商城 -->
|
<!-- 特权商城 -->
|
||||||
<div class="mall" style="display: none;">
|
<div class="mall" style="display: none;">
|
||||||
@@ -50,8 +50,8 @@
|
|||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="shelf"><img src="https://img.pekolive.com/cf-shelf.png" alt=""></div>
|
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||||||
<div class="shelf"><img src="https://img.pekolive.com/cf-shelf.png" alt=""></div>
|
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 等待结果 -->
|
<!-- 等待结果 -->
|
||||||
<div class="wait-time">
|
<div class="wait-time">
|
||||||
@@ -73,7 +73,7 @@
|
|||||||
<!-- <div class="item">
|
<!-- <div class="item">
|
||||||
<p><img src="" class="gift" alt=""></p>
|
<p><img src="" class="gift" alt=""></p>
|
||||||
<div>
|
<div>
|
||||||
<img src="cf-diamond.png" class="diamond" alt="">
|
<img src="diamond.png" class="diamond" alt="">
|
||||||
<span class="in"></span>
|
<span class="in"></span>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
@@ -82,7 +82,7 @@
|
|||||||
<!-- 用户本轮中奖情况 -->
|
<!-- 用户本轮中奖情况 -->
|
||||||
<div class="award-info">
|
<div class="award-info">
|
||||||
<div class="desc">奖励</div>
|
<div class="desc">奖励</div>
|
||||||
<img src="https://img.pekolive.com/cf-diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<div class="award-wrap"></div>
|
<div class="award-wrap"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 本轮前3名 -->
|
<!-- 本轮前3名 -->
|
||||||
@@ -95,28 +95,28 @@
|
|||||||
<div class="top-three-list">
|
<div class="top-three-list">
|
||||||
<div class="no no1">
|
<div class="no no1">
|
||||||
<img src="./images/logo.png" class="tx" alt="">
|
<img src="./images/logo.png" class="tx" alt="">
|
||||||
<img src="https://img.pekolive.com/cf-no1.png" class="txBox" alt="">
|
<img src="./images/no1.png" class="txBox" alt="">
|
||||||
<div class="nick">虚位以待</div>
|
<div class="nick">虚位以待</div>
|
||||||
<div class="num">
|
<div class="num">
|
||||||
<img src="https://img.pekolive.com/cf-diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="no no2">
|
<div class="no no2">
|
||||||
<img src="./images/logo.png" class="tx" alt="">
|
<img src="./images/logo.png" class="tx" alt="">
|
||||||
<img src="https://img.pekolive.com/cf-no2.png" class="txBox" alt="">
|
<img src="./images/no2.png" class="txBox" alt="">
|
||||||
<div class="nick">虚位以待</div>
|
<div class="nick">虚位以待</div>
|
||||||
<div class="num">
|
<div class="num">
|
||||||
<img src="https://img.pekolive.com/cf-diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="no no3">
|
<div class="no no3">
|
||||||
<img src="./images/logo.png" class="tx" alt="">
|
<img src="./images/logo.png" class="tx" alt="">
|
||||||
<img src="https://img.pekolive.com/cf-no3.png" class="txBox" alt="">
|
<img src="./images/no3.png" class="txBox" alt="">
|
||||||
<div class="nick">虚位以待</div>
|
<div class="nick">虚位以待</div>
|
||||||
<div class="num">
|
<div class="num">
|
||||||
<img src="https://img.pekolive.com/cf-diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -141,7 +141,7 @@
|
|||||||
<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="https://img.pekolive.com/cf-btn_result.png" alt=""></span>
|
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 个人信息 -->
|
<!-- 个人信息 -->
|
||||||
@@ -151,8 +151,8 @@
|
|||||||
<div class="diamond-num">我的鉆石：<span>0</span></div>
|
<div class="diamond-num">我的鉆石：<span>0</span></div>
|
||||||
<div class="fragment-num">今日奖励：<span>0</span></div>
|
<div class="fragment-num">今日奖励：<span>0</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="add"><img src="https://img.pekolive.com/cf-add.png" alt=""></div>
|
<div class="add"><img src="./images/add.png" alt=""></div>
|
||||||
<div class="rank"><img src="https://img.pekolive.com/cf-rank.png" alt=""></div>
|
<div class="rank"><img src="./images/rank.png" alt=""></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 规则弹窗 -->
|
<!-- 规则弹窗 -->
|
||||||
@@ -162,14 +162,14 @@
|
|||||||
<div class="cyfs">
|
<div class="cyfs">
|
||||||
<p class="title">参与方式</p>
|
<p class="title">参与方式</p>
|
||||||
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗100鉆石，每回合時間30秒
|
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗100鉆石，每回合時間30秒
|
||||||
<p class="jietu"><img src="https://img.pekolive.com/cf-t1.png" alt=""></p>
|
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="lwff">
|
<div class="lwff">
|
||||||
<p class="title">礼物发放</p>
|
<p class="title">礼物发放</p>
|
||||||
每次參與遊戲後會獲得一次禮物開獎機會
|
每次參與遊戲後會獲得一次禮物開獎機會
|
||||||
<p class="jietu t2"><img src="https://img.pekolive.com/cf-t2.png" alt=""></p>
|
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
|
||||||
每次隨機從8種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*100】的鉆石獎勵，鉆石將直接發放到錢包
|
每次隨機從8種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*100】的鉆石獎勵，鉆石將直接發放到錢包
|
||||||
<p class="jietu t3"><img src="https://img.pekolive.com/cf-t3.png" alt=""></p>
|
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
|
||||||
例如購買1個5倍的番茄，中獎後獲得1*5*100的鉆石
|
例如購買1個5倍的番茄，中獎後獲得1*5*100的鉆石
|
||||||
</div>
|
</div>
|
||||||
<div class="qtsm">
|
<div class="qtsm">
|
||||||
@@ -231,7 +231,7 @@
|
|||||||
<script src="../../common/js/layer.js"></script>
|
<script src="../../common/js/layer.js"></script>
|
||||||
<script src="../../common/js/vconsole.min.js"></script>
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
<script src="../../common/js/svga.min.js"></script>
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
<script src="./js/index.js?v=2.1"></script>
|
<script src="./js/index.js?v=2.2"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -32,7 +32,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!browser.app) { //false
|
if (false) { //!browser.app
|
||||||
toastMsg('請在app內打開！');
|
toastMsg('請在app內打開！');
|
||||||
} else {
|
} else {
|
||||||
$('.wrap').removeClass('no-in-app')
|
$('.wrap').removeClass('no-in-app')
|
||||||
@@ -248,7 +248,7 @@ const showView = () => {
|
|||||||
// 播放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('https://img.pekolive.com/cf-wait.svga', function (videoItem) {
|
parser.load('./images/wait.svga', function (videoItem) {
|
||||||
// player.loops = 2;
|
// player.loops = 2;
|
||||||
player.clearsAfterStop = false;
|
player.clearsAfterStop = false;
|
||||||
player.setVideoItem(videoItem);
|
player.setVideoItem(videoItem);
|
||||||
@@ -451,7 +451,7 @@ const renderDrawInfo = () => {
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<p><img src="${res.imgUrl}" class="gift" alt=""></p>
|
<p><img src="${res.imgUrl}" class="gift" alt=""></p>
|
||||||
<div>
|
<div>
|
||||||
<img src="https://img.pekolive.com/cf-diamond.png" class="diamond" alt="">
|
<img src="./images/diamond.png" class="diamond" alt="">
|
||||||
<span class="in">${res.costPieceNum}</span>
|
<span class="in">${res.costPieceNum}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -649,15 +649,18 @@ const sendUserDrawInfo = (itemId, num, tais) => {
|
|||||||
})
|
})
|
||||||
hideLoading(layerIndex)
|
hideLoading(layerIndex)
|
||||||
} else if (31005) {
|
} else if (31005) {
|
||||||
|
lock = !lock
|
||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
hideLoading(layerIndex)
|
hideLoading(layerIndex)
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
lock = !lock
|
||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
hideLoading(layerIndex)
|
hideLoading(layerIndex)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error (err) {
|
error (err) {
|
||||||
|
lock = !lock
|
||||||
toastMsg('網絡錯誤，請退出重進')
|
toastMsg('網絡錯誤，請退出重進')
|
||||||
hideLoading(layerIndex)
|
hideLoading(layerIndex)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="result">
|
<div class="result">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<img src="https://img.pekolive.com/cf-count-down.png" class="title" alt="">
|
<img src="./images/count-down.png" class="title" alt="">
|
||||||
<span>前50轮中奖结果</span>
|
<span>前50轮中奖结果</span>
|
||||||
</div>
|
</div>
|
||||||
<ul class="main">
|
<ul class="main">
|
||||||
|
|||||||
@@ -120,6 +120,7 @@ body {
|
|||||||
}
|
}
|
||||||
.mine .avatar img {
|
.mine .avatar img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
.mine .info-wrap {
|
.mine .info-wrap {
|
||||||
|
|||||||
@@ -152,6 +152,7 @@ body {
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -318,8 +318,10 @@ $(function () {
|
|||||||
$('body').css('overflow', 'auto')
|
$('body').css('overflow', 'auto')
|
||||||
if (browser.app) {
|
if (browser.app) {
|
||||||
if (browser.android) {
|
if (browser.android) {
|
||||||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
// tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||||||
|
window.androidJsObj.openChargePage(8);
|
||||||
} else if (browser.ios) {
|
} else if (browser.ios) {
|
||||||
|
window.webkit.messageHandlers.chargePayClickPage.postMessage(8)
|
||||||
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
window.webkit.messageHandlers.openChargePage.postMessage(null)
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
body {
|
body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: "pingfang-bold";
|
font-family: "pingfang-bold";
|
||||||
background-color: #fff;
|
background-color: #7A83F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
@@ -123,7 +123,7 @@ body {
|
|||||||
.wrap .rank_wrap .top_three_wrap .top_three_item .avatar {
|
.wrap .rank_wrap .top_three_wrap .top_three_item .avatar {
|
||||||
width: 2.32rem;
|
width: 2.32rem;
|
||||||
height: 2.6666666667rem;
|
height: 2.6666666667rem;
|
||||||
margin: 0.4533333333rem auto 0.32rem;
|
margin: 0.4533333333rem auto 0.2rem;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap .top_three_wrap .top_three_item .avatar p {
|
.wrap .rank_wrap .top_three_wrap .top_three_item .avatar p {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -143,7 +143,8 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 0.32rem;
|
font-size: 0.3733333333rem;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap .top_three_wrap .top_three_item .nick img {
|
.wrap .rank_wrap .top_three_wrap .top_three_item .nick img {
|
||||||
width: 0.4rem;
|
width: 0.4rem;
|
||||||
@@ -157,23 +158,32 @@ body {
|
|||||||
}
|
}
|
||||||
.wrap .rank_wrap .top_three_wrap .top_three_item .num {
|
.wrap .rank_wrap .top_three_wrap .top_three_item .num {
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.3733333333rem;
|
||||||
color: #FF7979;
|
color: #F8FF7B;
|
||||||
|
padding-top: 0.05rem;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul {
|
.wrap .rank_wrap ul {
|
||||||
height: 3.7333333333rem;
|
height: 3.7333333333rem;
|
||||||
margin-top: 0.4533333333rem;
|
padding-top: 0.4533333333rem;
|
||||||
|
background: linear-gradient(180deg, #8C6FFA 0%, #7A83F5 100%);
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li {
|
.wrap .rank_wrap ul li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 0.4266666667rem;
|
padding-bottom: 0.4266666667rem;
|
||||||
|
background: #7A83F5;
|
||||||
|
}
|
||||||
|
.wrap .rank_wrap ul li:nth-child(1) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.wrap .rank_wrap ul li:nth-child(2) {
|
||||||
|
background: transparent;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .index {
|
.wrap .rank_wrap ul li .index {
|
||||||
width: 0.4rem;
|
width: 0.4rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.48rem;
|
font-size: 0.48rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #666;
|
color: #fff;
|
||||||
margin: 0 0.5333333333rem;
|
margin: 0 0.5333333333rem;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .others_avatar {
|
.wrap .rank_wrap ul li .others_avatar {
|
||||||
@@ -194,7 +204,7 @@ body {
|
|||||||
height: 0.9333333333rem;
|
height: 0.9333333333rem;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .info_wrap .others_nick {
|
.wrap .rank_wrap ul li .info_wrap .others_nick {
|
||||||
color: #333;
|
color: #fff;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.3733333333rem;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .info_wrap .others_nick img {
|
.wrap .rank_wrap ul li .info_wrap .others_nick img {
|
||||||
@@ -203,10 +213,10 @@ body {
|
|||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .info_wrap .others_erbanNo {
|
.wrap .rank_wrap ul li .info_wrap .others_erbanNo {
|
||||||
color: rgba(102, 102, 102, 0.6);
|
color: rgba(255, 255, 255, 0.6);
|
||||||
}
|
}
|
||||||
.wrap .rank_wrap ul li .others_num {
|
.wrap .rank_wrap ul li .others_num {
|
||||||
color: #FF7979;
|
color: #F8FF7B;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.3733333333rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: 0.6666666667rem;
|
margin-right: 0.6666666667rem;
|
||||||
|
|||||||
@@ -1,15 +1,16 @@
|
|||||||
@function px2rem($px, $rem:75) {
|
@function px2rem($px, $rem: 75) {
|
||||||
@return $px / $rem+rem;
|
@return $px / $rem+rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face{
|
@font-face {
|
||||||
font-family: 'pingfang-bold';
|
font-family: 'pingfang-bold';
|
||||||
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
||||||
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
||||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
|
url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
|
||||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||||
}
|
}
|
||||||
@font-face{
|
|
||||||
|
@font-face {
|
||||||
font-family: 'pingfang-medium';
|
font-family: 'pingfang-medium';
|
||||||
src: url('../../../common/fonts/PingFang\ Medium.ttf');
|
src: url('../../../common/fonts/PingFang\ Medium.ttf');
|
||||||
src: url('../../../common/fonts/PingFang\ Medium.ttf') format('woff'),
|
src: url('../../../common/fonts/PingFang\ Medium.ttf') format('woff'),
|
||||||
@@ -17,15 +18,16 @@
|
|||||||
url('../../../common/fonts/PingFang\ Medium.ttf') format('svg');
|
url('../../../common/fonts/PingFang\ Medium.ttf') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: 'pingfang-bold';
|
font-family: 'pingfang-bold';
|
||||||
background-color: #fff;
|
background-color: #7A83F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrap{
|
.wrap {
|
||||||
display: none;
|
display: none;
|
||||||
.tab_wrap{
|
|
||||||
|
.tab_wrap {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -34,7 +36,8 @@ body{
|
|||||||
height: px2rem(200, );
|
height: px2rem(200, );
|
||||||
background: url('../images/top.png') no-repeat 0 0/100% 100%;
|
background: url('../images/top.png') no-repeat 0 0/100% 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.tab_contain{
|
|
||||||
|
.tab_contain {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -45,31 +48,37 @@ body{
|
|||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40, );
|
||||||
color: rgba($color: #fff, $alpha: .6);
|
color: rgba($color: #fff, $alpha: .6);
|
||||||
font-size: px2rem(30, );
|
font-size: px2rem(30, );
|
||||||
p{
|
|
||||||
|
p {
|
||||||
width: px2rem(312, );
|
width: px2rem(312, );
|
||||||
height: px2rem(64, );
|
height: px2rem(64, );
|
||||||
line-height: px2rem(64, );
|
line-height: px2rem(64, );
|
||||||
margin: 0 px2rem(4, );
|
margin: 0 px2rem(4, );
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
&.active{
|
|
||||||
|
&.active {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
color: #7898F3;
|
color: #7898F3;
|
||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40, );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.rank_type{
|
|
||||||
|
.rank_type {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: px2rem(60, );
|
margin-left: px2rem(60, );
|
||||||
p{
|
|
||||||
|
p {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: px2rem(32, );
|
margin-right: px2rem(32, );
|
||||||
color: rgba($color: #fff, $alpha: .6);
|
color: rgba($color: #fff, $alpha: .6);
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
&.active{
|
|
||||||
|
&.active {
|
||||||
color: rgba($color: #fff, $alpha: 1);
|
color: rgba($color: #fff, $alpha: 1);
|
||||||
&::after{
|
|
||||||
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: px2rem(-16, );
|
bottom: px2rem(-16, );
|
||||||
@@ -81,65 +90,78 @@ body{
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:last-child{
|
|
||||||
|
&:last-child {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.rank_wrap{
|
|
||||||
|
.rank_wrap {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
.top_three_wrap{
|
.top_three_wrap {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(400, );
|
height: px2rem(400, );
|
||||||
background: url('../images/topthree-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../images/topthree-bg.png') no-repeat 0 0/100% 100%;
|
||||||
margin-top: px2rem(200, );
|
margin-top: px2rem(200, );
|
||||||
.top_three_item{
|
|
||||||
|
.top_three_item {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
width: px2rem(174, );
|
width: px2rem(174, );
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
&:nth-child(2), &:nth-child(3){
|
|
||||||
|
&:nth-child(2),
|
||||||
|
&:nth-child(3) {
|
||||||
left: px2rem(60, );
|
left: px2rem(60, );
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
.avatar{
|
|
||||||
|
.avatar {
|
||||||
width: px2rem(142, );
|
width: px2rem(142, );
|
||||||
height: px2rem(164, );
|
height: px2rem(164, );
|
||||||
margin-top: px2rem(112, );
|
margin-top: px2rem(112, );
|
||||||
p{
|
|
||||||
|
p {
|
||||||
background-image: url('../images/second.png');
|
background-image: url('../images/second.png');
|
||||||
}
|
}
|
||||||
img{
|
|
||||||
|
img {
|
||||||
top: px2rem(-132, );
|
top: px2rem(-132, );
|
||||||
width: px2rem(116, );
|
width: px2rem(116, );
|
||||||
height: px2rem(116, );
|
height: px2rem(116, );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:nth-child(3){
|
|
||||||
|
&:nth-child(3) {
|
||||||
left: px2rem(516, );
|
left: px2rem(516, );
|
||||||
.avatar{
|
|
||||||
p{
|
.avatar {
|
||||||
|
p {
|
||||||
background-image: url('../images/third.png');
|
background-image: url('../images/third.png');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.avatar{
|
|
||||||
|
.avatar {
|
||||||
width: px2rem(174, );
|
width: px2rem(174, );
|
||||||
height: px2rem(200, );
|
height: px2rem(200, );
|
||||||
margin: px2rem(34, ) auto px2rem(24, );
|
margin: px2rem(34, ) auto 0.2rem;
|
||||||
p{
|
|
||||||
|
p {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url('../images/first.png') no-repeat 0 0/100% 100%;
|
background: url('../images/first.png') no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
img{
|
|
||||||
|
img {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: px2rem(-160, );
|
top: px2rem(-160, );
|
||||||
width: px2rem(144, );
|
width: px2rem(144, );
|
||||||
@@ -147,76 +169,100 @@ body{
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.nick{
|
|
||||||
|
.nick {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(28, );
|
||||||
img{
|
white-space: nowrap;
|
||||||
|
|
||||||
|
img {
|
||||||
width: px2rem(30, );
|
width: px2rem(30, );
|
||||||
width: px2rem(30, );
|
width: px2rem(30, );
|
||||||
margin-left: px2rem(4, );
|
margin-left: px2rem(4, );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.erbanNo{
|
|
||||||
|
.erbanNo {
|
||||||
font-size: px2rem(20, );
|
font-size: px2rem(20, );
|
||||||
color: rgba($color: #fff, $alpha: .6);
|
color: rgba($color: #fff, $alpha: .6);
|
||||||
margin: px2rem(8, ) 0 px2rem(8, );
|
margin: px2rem(8, ) 0 px2rem(8, );
|
||||||
}
|
}
|
||||||
.num{
|
|
||||||
|
.num {
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28, );
|
||||||
color: #FF7979;
|
color: #F8FF7B;
|
||||||
|
padding-top: 0.05rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul{
|
ul {
|
||||||
height: px2rem(280, );
|
height: px2rem(280, );
|
||||||
// overflow: auto;
|
// overflow: auto;
|
||||||
margin-top: px2rem(34, );
|
padding-top: px2rem(34, );
|
||||||
li{
|
background: linear-gradient(180deg, #8C6FFA 0%, #7A83F5 100%);
|
||||||
|
|
||||||
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: px2rem(32, );
|
padding-bottom: px2rem(32, );
|
||||||
.index{
|
background: #7A83F5;
|
||||||
|
|
||||||
|
&:nth-child(1){
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
&:nth-child(2){
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.index {
|
||||||
width: px2rem(30, );
|
width: px2rem(30, );
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: px2rem(36, );
|
font-size: px2rem(36, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #666;
|
color: #fff;
|
||||||
margin: 0 px2rem(40, );
|
margin: 0 px2rem(40, );
|
||||||
}
|
}
|
||||||
.others_avatar{
|
|
||||||
|
.others_avatar {
|
||||||
width: px2rem(100, );
|
width: px2rem(100, );
|
||||||
height: px2rem(100, );
|
height: px2rem(100, );
|
||||||
margin-right: px2rem(32, );
|
margin-right: px2rem(32, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.info_wrap{
|
|
||||||
|
.info_wrap {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
height: px2rem(70, );
|
height: px2rem(70, );
|
||||||
.others_nick{
|
|
||||||
color: #333;
|
.others_nick {
|
||||||
|
color: #fff;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: px2rem(30, );
|
width: px2rem(30, );
|
||||||
height: px2rem(30, );
|
height: px2rem(30, );
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.others_erbanNo{
|
|
||||||
color: rgba($color: #666, $alpha: .6);
|
.others_erbanNo {
|
||||||
|
color: rgba($color: #fff, $alpha: .6);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.others_num{
|
|
||||||
color: #FF7979;
|
.others_num {
|
||||||
|
color: #F8FF7B;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: px2rem(50, );
|
margin-right: px2rem(50, );
|
||||||
@@ -226,7 +272,6 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar{
|
::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -7,7 +7,7 @@
|
|||||||
<title>房间榜单</title>
|
<title>房间榜单</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
<link rel="stylesheet" href="./css/index.css?v=1.5">
|
<link rel="stylesheet" href="./css/index.css?v=1.8">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
@@ -34,6 +34,6 @@
|
|||||||
<script src="../../common/js/common2.js"></script>
|
<script src="../../common/js/common2.js"></script>
|
||||||
<script src="../../common/js/layer.js"></script>
|
<script src="../../common/js/layer.js"></script>
|
||||||
<script src="../../common/js/vconsole.min.js"></script>
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
<script src="./js/index.js?v=1.7"></script>
|
<script src="./js/index.js?v=2.0"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -9,7 +9,7 @@ const showLoading = () => {
|
|||||||
type: 2,
|
type: 2,
|
||||||
shadeClose: false,
|
shadeClose: false,
|
||||||
content: '加載中...',
|
content: '加載中...',
|
||||||
success (e) {
|
success(e) {
|
||||||
layerIndex = $(e).attr('index')
|
layerIndex = $(e).attr('index')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -35,7 +35,7 @@ const getShowInfo = () => {
|
|||||||
data: {
|
data: {
|
||||||
roomUid: queryObj.roomUid
|
roomUid: queryObj.roomUid
|
||||||
},
|
},
|
||||||
success (res) {
|
success(res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
showReceiveRankTotal = res.data.showReceiveRankTotal
|
showReceiveRankTotal = res.data.showReceiveRankTotal
|
||||||
showMonthList = res.data.showMonthList
|
showMonthList = res.data.showMonthList
|
||||||
@@ -63,7 +63,7 @@ const getShowInfo = () => {
|
|||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error (err) {
|
error(err) {
|
||||||
toastMsg('網絡錯誤')
|
toastMsg('網絡錯誤')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -72,8 +72,15 @@ const getShowInfo = () => {
|
|||||||
let page = 1
|
let page = 1
|
||||||
let pageSize = 10
|
let pageSize = 10
|
||||||
let rankList = []
|
let rankList = []
|
||||||
let canNext = true
|
|
||||||
let isLock = true
|
let isLock = true
|
||||||
|
let dayListNext = true
|
||||||
|
let weekListNext = true
|
||||||
|
let monthListNext = true
|
||||||
|
let totalListNext = true
|
||||||
|
let dayCharmListNext = true
|
||||||
|
let weekCharmListNext = true
|
||||||
|
let monthCharmListNext = true
|
||||||
|
let totalCharmListNext = true
|
||||||
|
|
||||||
// 获取财富榜数据
|
// 获取财富榜数据
|
||||||
const getList = (type, page = 1) => {
|
const getList = (type, page = 1) => {
|
||||||
@@ -88,22 +95,60 @@ const getList = (type, page = 1) => {
|
|||||||
pageSize,
|
pageSize,
|
||||||
roomUid: queryObj.roomUid
|
roomUid: queryObj.roomUid
|
||||||
},
|
},
|
||||||
success (res) {
|
success(res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (res.data.rankings.length === pageSize) {
|
if (res.data.rankings.length === pageSize) {
|
||||||
// 能够继续请求下一页
|
// 能够继续请求下一页
|
||||||
canNext = true
|
if (type == 'day') {
|
||||||
|
dayListNext = true
|
||||||
|
} else if (type == 'week') {
|
||||||
|
weekListNext = true
|
||||||
|
} else if (type == 'month') {
|
||||||
|
monthListNext = true
|
||||||
|
} else {
|
||||||
|
totalListNext = true
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
canNext = false
|
if (type == 'day') {
|
||||||
|
dayListNext = false
|
||||||
|
} else if (type == 'week') {
|
||||||
|
weekListNext = false
|
||||||
|
} else if (type == 'month') {
|
||||||
|
monthListNext = false
|
||||||
|
} else {
|
||||||
|
totalListNext = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
rankList.push(...res.data.rankings)
|
rankList.push(...res.data.rankings)
|
||||||
renderList()
|
if (showMonthList) {
|
||||||
|
if (type == 'day') {
|
||||||
|
sessionStorage.setItem('dayList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else if (type == 'week') {
|
||||||
|
sessionStorage.setItem('weekList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else if (type == 'month') {
|
||||||
|
sessionStorage.setItem('monthList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('monthList'))
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (type == 'day') {
|
||||||
|
sessionStorage.setItem('dayList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else if (type == 'week') {
|
||||||
|
sessionStorage.setItem('weekList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else if (type == 'total') {
|
||||||
|
sessionStorage.setItem('totalList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('totalList'))
|
||||||
|
}
|
||||||
|
}
|
||||||
isLock = true
|
isLock = true
|
||||||
} else {
|
} else {
|
||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error (err) {
|
error(err) {
|
||||||
toastMsg('網絡錯誤')
|
toastMsg('網絡錯誤')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -122,31 +167,73 @@ const getCharmList = (type, page = 1) => {
|
|||||||
pageSize,
|
pageSize,
|
||||||
roomUid: queryObj.roomUid
|
roomUid: queryObj.roomUid
|
||||||
},
|
},
|
||||||
success (res) {
|
success(res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (res.data.rankings.length === pageSize) {
|
if (res.data.rankings.length === pageSize) {
|
||||||
// 能够继续请求下一页
|
// 能够继续请求下一页
|
||||||
canNext = true
|
if (type == 'day') {
|
||||||
|
dayCharmListNext = true
|
||||||
|
} else if (type == 'week') {
|
||||||
|
weekCharmListNext = true
|
||||||
|
} else if (type == 'month') {
|
||||||
|
monthCharmListNext = true
|
||||||
|
} else {
|
||||||
|
totalCharmListNext = true
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
canNext = false
|
if (type == 'day') {
|
||||||
|
dayCharmListNext = false
|
||||||
|
} else if (type == 'week') {
|
||||||
|
weekCharmListNext = false
|
||||||
|
} else if (type == 'month') {
|
||||||
|
monthCharmListNext = false
|
||||||
|
} else {
|
||||||
|
totalCharmListNext = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
rankList.push(...res.data.rankings)
|
rankList.push(...res.data.rankings)
|
||||||
renderList()
|
if (showMonthList) {
|
||||||
|
if (type == 'day') {
|
||||||
|
sessionStorage.setItem('dayCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else if (type == 'week') {
|
||||||
|
sessionStorage.setItem('weekCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else if (type == 'month') {
|
||||||
|
sessionStorage.setItem('monthCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('monthCharmList'))
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (type == 'day') {
|
||||||
|
sessionStorage.setItem('dayCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else if (type == 'week') {
|
||||||
|
sessionStorage.setItem('weekCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else if (type == 'total') {
|
||||||
|
sessionStorage.setItem('totalCharmList', JSON.stringify(rankList))
|
||||||
|
renderList(sessionStorage.getItem('totalCharmList'))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// renderList()
|
||||||
isLock = true
|
isLock = true
|
||||||
} else {
|
} else {
|
||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error (err) {
|
error(err) {
|
||||||
toastMsg('網絡錯誤')
|
toastMsg('網絡錯誤')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const renderList = () => {
|
const renderList = (List) => {
|
||||||
let topThreeArr = rankList.slice(0, 3)
|
let list = JSON.parse(List)
|
||||||
if (rankList.length < 3) {
|
rankList = list
|
||||||
let len = 3 - rankList.length
|
let topThreeArr = list.slice(0, 3)
|
||||||
|
if (list.length < 3) {
|
||||||
|
let len = 3 - list.length
|
||||||
let arr = new Array(len).fill({
|
let arr = new Array(len).fill({
|
||||||
nick: '',
|
nick: '',
|
||||||
erbanNo: '',
|
erbanNo: '',
|
||||||
@@ -175,12 +262,12 @@ const renderList = () => {
|
|||||||
<p></p>
|
<p></p>
|
||||||
<img src="${item.avatar ? item.avatar : `./images/${index + 1}.png`}" alt="">
|
<img src="${item.avatar ? item.avatar : `./images/${index + 1}.png`}" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="nick"}>
|
<div class="nick">
|
||||||
${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}
|
${item.nick.length > 5 ? item.nick.slice(0, 5) + '...' : item.nick}
|
||||||
<img src="${item.gender == 1 ? './images/male.png' : './images/female.png'}" alt="" class='gender' style='display:${item.gender ? 'inline-block' : 'none'}'>
|
<img src="${item.gender == 1 ? './images/male.png' : './images/female.png'}" alt="" class='gender' style='display:${item.gender ? 'inline-block' : 'none'}'>
|
||||||
</div>
|
</div>
|
||||||
<div class="erbanNo"}><span>${item.erbanNo ? 'ID:' + item.erbanNo : ''}</span></div>
|
<div class="erbanNo"><span>${item.erbanNo ? 'ID:' + item.erbanNo : ''}</span></div>
|
||||||
<div class="num"}>${goldAmount ? goldAmount : ''}</div>
|
<div class="num">${goldAmount ? goldAmount : ''}</div>
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
@@ -188,7 +275,7 @@ const renderList = () => {
|
|||||||
|
|
||||||
|
|
||||||
// 渲染非前3
|
// 渲染非前3
|
||||||
let othersArr = rankList.slice(3)
|
let othersArr = list.slice(3)
|
||||||
let others = ''
|
let others = ''
|
||||||
othersArr.map((item, index) => {
|
othersArr.map((item, index) => {
|
||||||
let tostr = item.goldAmount.toString()
|
let tostr = item.goldAmount.toString()
|
||||||
@@ -240,19 +327,43 @@ $(function () {
|
|||||||
if (showMonthList) {
|
if (showMonthList) {
|
||||||
$('.wrap .tab_wrap .rank_type p:last-child').show();
|
$('.wrap .tab_wrap .rank_type p:last-child').show();
|
||||||
if (currentCharmRankType == 0) {
|
if (currentCharmRankType == 0) {
|
||||||
getCharmList('day')
|
if (sessionStorage.getItem('dayCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('day')
|
||||||
|
}
|
||||||
} else if (currentCharmRankType == 1) {
|
} else if (currentCharmRankType == 1) {
|
||||||
getCharmList('week')
|
if (sessionStorage.getItem('weekCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('week')
|
||||||
|
}
|
||||||
} else if (currentCharmRankType == 2) {
|
} else if (currentCharmRankType == 2) {
|
||||||
getCharmList('month')
|
if (sessionStorage.getItem('monthCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('monthCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('month')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (currentCharmRankType == 0) {
|
if (currentCharmRankType == 0) {
|
||||||
getCharmList('day')
|
if (sessionStorage.getItem('dayCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('day')
|
||||||
|
}
|
||||||
} else if (currentCharmRankType == 1) {
|
} else if (currentCharmRankType == 1) {
|
||||||
getCharmList('week')
|
if (sessionStorage.getItem('weekCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('week')
|
||||||
|
}
|
||||||
} else if (currentCharmRankType == 2) {
|
} else if (currentCharmRankType == 2) {
|
||||||
getCharmList('total')
|
if (sessionStorage.getItem('totalCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('totalCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('total')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@@ -264,20 +375,44 @@ $(function () {
|
|||||||
$('.wrap .tab_wrap .rank_type p:last-child').show();
|
$('.wrap .tab_wrap .rank_type p:last-child').show();
|
||||||
$('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
|
$('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
|
||||||
if (currentRankType == 0) {
|
if (currentRankType == 0) {
|
||||||
getList('day')
|
if (sessionStorage.getItem('dayList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else {
|
||||||
|
getList('day')
|
||||||
|
}
|
||||||
} else if (currentRankType == 1) {
|
} else if (currentRankType == 1) {
|
||||||
getList('week')
|
if (sessionStorage.getItem('weekList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else {
|
||||||
|
getList('week')
|
||||||
|
}
|
||||||
} else if (currentRankType == 2) {
|
} else if (currentRankType == 2) {
|
||||||
getList('month')
|
if (sessionStorage.getItem('monthList')) {
|
||||||
|
renderList(sessionStorage.getItem('monthList'))
|
||||||
|
} else {
|
||||||
|
getList('month')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
$('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
|
$('.rank_type p').eq(currentRankType).addClass('active').siblings('p').removeClass('active')
|
||||||
if (currentRankType == 0) {
|
if (currentRankType == 0) {
|
||||||
getList('day')
|
if (sessionStorage.getItem('dayList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else {
|
||||||
|
getList('day')
|
||||||
|
}
|
||||||
} else if (currentRankType == 1) {
|
} else if (currentRankType == 1) {
|
||||||
getList('week')
|
if (sessionStorage.getItem('weekList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else {
|
||||||
|
getList('week')
|
||||||
|
}
|
||||||
} else if (currentRankType == 2) {
|
} else if (currentRankType == 2) {
|
||||||
getList('total')
|
if (sessionStorage.getItem('totalList')) {
|
||||||
|
renderList(sessionStorage.getItem('totalList'))
|
||||||
|
} else {
|
||||||
|
getList('total')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -299,19 +434,45 @@ $(function () {
|
|||||||
|
|
||||||
if (showMonthList) {
|
if (showMonthList) {
|
||||||
if (index == 0) {
|
if (index == 0) {
|
||||||
getCharmList('day')
|
if (sessionStorage.getItem('dayCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('day')
|
||||||
|
}
|
||||||
|
|
||||||
} else if (index == 1) {
|
} else if (index == 1) {
|
||||||
getCharmList('week')
|
if (sessionStorage.getItem('weekCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('week')
|
||||||
|
}
|
||||||
} else if (index == 2) {
|
} else if (index == 2) {
|
||||||
getCharmList('month')
|
if (sessionStorage.getItem('monthCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('monthCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('month')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (index == 0) {
|
if (index == 0) {
|
||||||
getCharmList('day')
|
if (sessionStorage.getItem('dayCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('day')
|
||||||
|
}
|
||||||
|
|
||||||
} else if (index == 1) {
|
} else if (index == 1) {
|
||||||
getCharmList('week')
|
if (sessionStorage.getItem('weekCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('week')
|
||||||
|
}
|
||||||
} else if (index == 2) {
|
} else if (index == 2) {
|
||||||
getCharmList('total')
|
if (sessionStorage.getItem('totalCharmList')) {
|
||||||
|
renderList(sessionStorage.getItem('totalCharmList'))
|
||||||
|
} else {
|
||||||
|
getCharmList('total')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@@ -323,19 +484,45 @@ $(function () {
|
|||||||
rankList = []
|
rankList = []
|
||||||
if (showMonthList) {
|
if (showMonthList) {
|
||||||
if (index == 0) {
|
if (index == 0) {
|
||||||
getList('day')
|
if (sessionStorage.getItem('dayList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else {
|
||||||
|
getList('day')
|
||||||
|
}
|
||||||
|
|
||||||
} else if (index == 1) {
|
} else if (index == 1) {
|
||||||
getList('week')
|
if (sessionStorage.getItem('weekList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else {
|
||||||
|
getList('week')
|
||||||
|
}
|
||||||
} else if (index == 2) {
|
} else if (index == 2) {
|
||||||
getList('month')
|
if (sessionStorage.getItem('monthList')) {
|
||||||
|
renderList(sessionStorage.getItem('monthList'))
|
||||||
|
} else {
|
||||||
|
getList('month')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (index == 0) {
|
if (index == 0) {
|
||||||
getList('day')
|
if (sessionStorage.getItem('dayList')) {
|
||||||
|
renderList(sessionStorage.getItem('dayList'))
|
||||||
|
} else {
|
||||||
|
getList('day')
|
||||||
|
}
|
||||||
|
|
||||||
} else if (index == 1) {
|
} else if (index == 1) {
|
||||||
getList('week')
|
if (sessionStorage.getItem('weekList')) {
|
||||||
|
renderList(sessionStorage.getItem('weekList'))
|
||||||
|
} else {
|
||||||
|
getList('week')
|
||||||
|
}
|
||||||
} else if (index == 2) {
|
} else if (index == 2) {
|
||||||
getList('total')
|
if (sessionStorage.getItem('totalList')) {
|
||||||
|
renderList(sessionStorage.getItem('totalList'))
|
||||||
|
} else {
|
||||||
|
getList('total')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -349,52 +536,64 @@ $(function () {
|
|||||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||||
if (isLock) {
|
if (isLock) {
|
||||||
// 请求下一页
|
// 请求下一页
|
||||||
if (canNext) {
|
// if (canNext) {
|
||||||
if (showMonthList) {
|
if (showMonthList) {
|
||||||
if (currentTabIndex) {
|
if (currentTabIndex) {
|
||||||
if (currentCharmRankType == 0) {
|
if (currentCharmRankType == 0) {
|
||||||
getCharmList('day', ++page)
|
if (!dayCharmListNext) return
|
||||||
} else if (currentCharmRankType == 1) {
|
getCharmList('day', ++page)
|
||||||
getCharmList('week', ++page)
|
} else if (currentCharmRankType == 1) {
|
||||||
} else if (currentCharmRankType == 2) {
|
if (!weekCharmListNext) return
|
||||||
getCharmList('month', ++page)
|
getCharmList('week', ++page)
|
||||||
}
|
} else if (currentCharmRankType == 2) {
|
||||||
} else {
|
if (!monthCharmListNext) return
|
||||||
if (currentRankType == 0) {
|
getCharmList('month', ++page)
|
||||||
getList('day', ++page)
|
|
||||||
} else if (currentRankType == 1) {
|
|
||||||
getList('week', ++page)
|
|
||||||
} else if (currentRankType == 2) {
|
|
||||||
getList('month', ++page)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (currentTabIndex) {
|
if (currentRankType == 0) {
|
||||||
if (currentCharmRankType == 0) {
|
if (!dayListNext) return
|
||||||
getCharmList('day', ++page)
|
getList('day', ++page)
|
||||||
} else if (currentCharmRankType == 1) {
|
} else if (currentRankType == 1) {
|
||||||
getCharmList('week', ++page)
|
if (!weekListNext) return
|
||||||
} else if (currentCharmRankType == 2) {
|
getList('week', ++page)
|
||||||
getCharmList('total', ++page)
|
} else if (currentRankType == 2) {
|
||||||
}
|
if (!monthListNext) return
|
||||||
} else {
|
getList('month', ++page)
|
||||||
if (currentRankType == 0) {
|
}
|
||||||
getList('day', ++page)
|
}
|
||||||
} else if (currentRankType == 1) {
|
} else {
|
||||||
getList('week', ++page)
|
if (currentTabIndex) {
|
||||||
} else if (currentRankType == 2) {
|
if (currentCharmRankType == 0) {
|
||||||
getList('total', ++page)
|
if (!dayCharmListNext) return
|
||||||
}
|
getCharmList('day', ++page)
|
||||||
|
} else if (currentCharmRankType == 1) {
|
||||||
|
if (!weekCharmListNext) return
|
||||||
|
getCharmList('week', ++page)
|
||||||
|
} else if (currentCharmRankType == 2) {
|
||||||
|
if (!totalCharmListNext) return
|
||||||
|
getCharmList('total', ++page)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (currentRankType == 0) {
|
||||||
|
if (!dayListNext) return
|
||||||
|
getList('day', ++page)
|
||||||
|
} else if (currentRankType == 1) {
|
||||||
|
if (!weekListNext) return
|
||||||
|
getList('week', ++page)
|
||||||
|
} else if (currentRankType == 2) {
|
||||||
|
if (!totalListNext) return
|
||||||
|
getList('total', ++page)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
isLock = false
|
|
||||||
}
|
}
|
||||||
|
isLock = false
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
//跳转个人主页
|
//跳转个人主页
|
||||||
function openPerson (document, dom) {
|
function openPerson(document, dom) {
|
||||||
$(document).on('click', dom, function () {
|
$(document).on('click', dom, function () {
|
||||||
let erbanUid = $(this).data('uid')
|
let erbanUid = $(this).data('uid')
|
||||||
if (!browser.app) return
|
if (!browser.app) return
|
||||||
|
|||||||
Reference in New Issue
Block a user