小精灵去除选择头饰逻辑，修改糖果树规则，修复星际厨娘游戏记录错误问题
This commit is contained in:
Dragon
@@ -1,155 +1,142 @@
|
|||||||
@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"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'din-medium';
|
font-family: "din-medium";
|
||||||
src: url("../../../common/fonts/DINCond-Medium.ttf");
|
src: url("../../../common/fonts/DINCond-Medium.ttf");
|
||||||
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
|
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.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"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
|
src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
|
||||||
}
|
}
|
||||||
|
html,
|
||||||
.clearfix:after {
|
body {
|
||||||
display: block;
|
width: 100%;
|
||||||
content: ' ';
|
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||||
clear: both;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.clearfix {
|
.img {
|
||||||
*zoom: 1;
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 6rem;
|
||||||
|
height: 4.1333333333rem;
|
||||||
|
background: url(../images/null.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
.img p {
|
||||||
html, body {
|
|
||||||
font-family: 'pingfang-bold';
|
|
||||||
background-image: linear-gradient(#E6AD6A, #F9CA92);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list {
|
|
||||||
height: 100vh;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding-top: 0.69333rem;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item {
|
|
||||||
overflow: hidden;
|
|
||||||
width: 10rem;
|
|
||||||
height: 5.6rem;
|
|
||||||
background: url("../images/record/record-bg.png") no-repeat 0 0/100% 100%;
|
|
||||||
margin-bottom: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item .time {
|
|
||||||
font-family: 'pingfang-medium';
|
|
||||||
font-size: 0.34667rem;
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 0.58667rem;
|
width: 1.3333333333%rem;
|
||||||
margin-bottom: 0.21333rem;
|
position: absolute;
|
||||||
|
bottom: -1rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.2666666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.record-list li.record-item .award {
|
.record-list {
|
||||||
|
width: 10rem;
|
||||||
|
margin: 0.4rem auto;
|
||||||
|
}
|
||||||
|
.record-list li {
|
||||||
|
width: 100%;
|
||||||
|
height: 5.6rem;
|
||||||
|
background: url(../images/record/record-bg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border-radius: 0.2666666667rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.record-list li h3 {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.7rem;
|
||||||
|
line-height: 0.7rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
margin: 0.3rem auto -0.3rem;
|
||||||
|
}
|
||||||
|
.record-list li .goldBox {
|
||||||
|
width: 90%;
|
||||||
|
height: 0.5866666667rem;
|
||||||
|
line-height: 0.5866666667rem;
|
||||||
|
background: #F46331;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
box-sizing: border-box;
|
||||||
width: 9.04rem;
|
padding: 0 0.2666666667rem;
|
||||||
height: 0.58667rem;
|
margin: 0.2rem auto 0;
|
||||||
background-color: #F46331;
|
|
||||||
margin: auto;
|
|
||||||
}
|
}
|
||||||
|
.record-list li .goldBox span {
|
||||||
ul.record-list li.record-item .award .text {
|
color: #fff;
|
||||||
font-size: 0.37333rem;
|
font-size: 0.3733333333rem;
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left: 0.32rem;
|
|
||||||
}
|
}
|
||||||
|
.record-list li .goldBox .gold {
|
||||||
ul.record-list li.record-item .award .diamond-num {
|
font-size: 0.3466666667rem;
|
||||||
font-family: 'din-medium';
|
|
||||||
font-size: 0.34667rem;
|
|
||||||
color: white;
|
|
||||||
margin-right: 0.34667rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item .award img.diamond-pic {
|
|
||||||
width: 0.48rem;
|
|
||||||
height: 0.37333rem;
|
|
||||||
margin: 0 0.34667rem 0 -0.26667rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item .award img.diamond-pic1 {
|
|
||||||
width: 0.48rem;
|
|
||||||
height: 0.37333rem;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 0 0.66667rem 0 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item {
|
|
||||||
width: 25%;
|
|
||||||
margin: 0.26667rem 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item.active {
|
|
||||||
margin: 0.13333rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item.active div {
|
|
||||||
width: 1.06667rem;
|
|
||||||
height: 1.06667rem;
|
|
||||||
background: url("../images/little-bubble-active.png") no-repeat 0 0/100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item.active span {
|
|
||||||
color: #FEEF60;
|
color: #FEEF60;
|
||||||
}
|
}
|
||||||
|
.record-list li .marine_organism {
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item div {
|
width: 78%;
|
||||||
width: 0.8rem;
|
height: 2.1333333333rem;
|
||||||
height: 0.8rem;
|
margin: 0 auto;
|
||||||
background: url("../images/little-bubble.png") no-repeat 0 0/100% 100%;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
.record-list li .marine_organism span {
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item div img {
|
width: 1.6rem;
|
||||||
width: 100%;
|
height: 1.6rem;
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item ul.award-animal li.animal-item span {
|
|
||||||
font-size: 0.26667rem;
|
|
||||||
font-weight: bold;
|
|
||||||
color: white;
|
|
||||||
margin-left: 0.10667rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list li.record-item .tip {
|
|
||||||
font-family: 'pingfang-medium';
|
|
||||||
font-size: 0.26667rem;
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0.26667rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.record-list .no-record {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 50%;
|
display: block;
|
||||||
transform: translateY(-50%);
|
|
||||||
text-align: center;
|
|
||||||
color: white;
|
|
||||||
font-size: 0.42667rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
.record-list li .marine_organism span img {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 0.72rem;
|
||||||
|
height: 0.6266666667rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.record-list li .marine_organism span b {
|
||||||
|
position: absolute;
|
||||||
|
right: -0.1rem;
|
||||||
|
top: 0.3rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 0.2666666667rem;
|
||||||
|
}
|
||||||
|
.record-list li .marine_organism .active {
|
||||||
|
width: 1.6rem;
|
||||||
|
height: 1.6rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.record-list li .marine_organism .active img {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 0.96rem;
|
||||||
|
height: 0.8266666667rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.record-list li .marine_organism .active b {
|
||||||
|
position: absolute;
|
||||||
|
right: -0.1rem;
|
||||||
|
top: 0.3rem;
|
||||||
|
color: #FEEF60;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
}
|
||||||
|
.record-list li p {
|
||||||
|
color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0.9rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=record.css.map */
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
@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'),
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face{
|
@font-face {
|
||||||
font-family: 'din-medium';
|
font-family: 'din-medium';
|
||||||
src: url('../../../common/fonts/DINCond-Medium.ttf');
|
src: url('../../../common/fonts/DINCond-Medium.ttf');
|
||||||
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
|
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
|
||||||
@@ -18,7 +18,7 @@
|
|||||||
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
|
url('../../../common/fonts/DINCond-Medium.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'),
|
||||||
@@ -26,125 +26,147 @@
|
|||||||
url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
|
url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.clearfix:after{
|
html,
|
||||||
display:block;
|
body {
|
||||||
content:' ';
|
width: 100%;
|
||||||
clear:both;
|
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||||
}
|
|
||||||
.clearfix{
|
|
||||||
*zoom:1;//兼容到ie6
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html,body{
|
.img {
|
||||||
font-family: 'pingfang-bold';
|
position: fixed;
|
||||||
background-image: linear-gradient(#E6AD6A, #F9CA92) ;
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: px2rem(450, );
|
||||||
|
height: px2rem(310, );
|
||||||
|
background: url(../images/null.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
width: px2rem(100%, );
|
||||||
|
position: absolute;
|
||||||
|
bottom: -1rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(20, );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.record-list{
|
.record-list {
|
||||||
height: 100vh;
|
width: px2rem(750, );
|
||||||
overflow-y: scroll;
|
margin: px2rem(30, ) auto;
|
||||||
overflow-x: hidden;
|
|
||||||
padding-top: px2rem(52);
|
li {
|
||||||
box-sizing: border-box;
|
width: 100%;
|
||||||
li.record-item{
|
height: px2rem(420, );
|
||||||
|
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
|
||||||
|
background: url(../images/record/record-bg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border-radius: px2rem(20, );
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: px2rem(750);
|
|
||||||
height: px2rem(420);
|
h3 {
|
||||||
background: url('../images/record/record-bg.png') no-repeat 0 0/100% 100%;
|
width: 100%;
|
||||||
margin-bottom: px2rem(30);
|
height: 0.7rem;
|
||||||
.time{
|
line-height: 0.7rem;
|
||||||
font-family: 'pingfang-medium';
|
|
||||||
font-size: px2rem(26);
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: px2rem(44);
|
color: #fff;
|
||||||
margin-bottom: px2rem(16);
|
margin: 0.3rem auto -0.3rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
.award{
|
|
||||||
|
.goldBox {
|
||||||
|
width: 90%;
|
||||||
|
height: px2rem(44, );
|
||||||
|
line-height: px2rem(44, );
|
||||||
|
background: #F46331;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
box-sizing: border-box;
|
||||||
width: px2rem(678);
|
padding: 0 px2rem(20, );
|
||||||
height: px2rem(44);
|
margin: 0.2rem auto 0;
|
||||||
background-color: #F46331;
|
|
||||||
margin: auto;
|
span {
|
||||||
.text{
|
color: #fff;
|
||||||
font-size: px2rem(28);
|
font-size: px2rem(28, );
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left: px2rem(24);
|
|
||||||
}
|
}
|
||||||
.diamond-num{
|
|
||||||
font-family: 'din-medium';
|
.gold {
|
||||||
font-size: px2rem(26);
|
font-size: px2rem(26, );
|
||||||
color: white;
|
color: #FEEF60;
|
||||||
margin-right: px2rem(26);
|
|
||||||
}
|
|
||||||
img.diamond-pic{
|
|
||||||
width: px2rem(36);
|
|
||||||
height: px2rem(28);
|
|
||||||
margin: 0 px2rem(26) 0 px2rem(-20);
|
|
||||||
}
|
|
||||||
img.diamond-pic1{
|
|
||||||
width: px2rem(36);
|
|
||||||
height: px2rem(28);
|
|
||||||
margin: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul.award-animal{
|
|
||||||
|
.marine_organism {
|
||||||
|
// width: px2rem(560, );
|
||||||
|
width: 78%;
|
||||||
|
height: px2rem(160, );
|
||||||
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 0 px2rem(50) 0 px2rem(60);
|
|
||||||
// margin-left: px2rem(60);
|
span {
|
||||||
li.animal-item{
|
width: px2rem(120, );
|
||||||
// float: left;
|
height: px2rem(120, );
|
||||||
width: 25%;
|
position: relative;
|
||||||
margin: px2rem(20) 0;
|
display: block;
|
||||||
display: flex;
|
|
||||||
// justify-content: center;
|
img {
|
||||||
align-items: center;
|
position: absolute;
|
||||||
&.active{
|
left: 50%;
|
||||||
margin: px2rem(10) 0;
|
top: 50%;
|
||||||
div{
|
transform: translate(-50%, -50%);
|
||||||
width: px2rem(80);
|
width: px2rem(54, );
|
||||||
height: px2rem(80);
|
height: px2rem(47, );
|
||||||
background: url('../images/little-bubble-active.png') no-repeat 0 0/100% 100%;
|
display: block;
|
||||||
}
|
|
||||||
span{
|
|
||||||
color: #FEEF60;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
div{
|
|
||||||
width: px2rem(60);
|
b {
|
||||||
height: px2rem(60);
|
position: absolute;
|
||||||
background: url('../images/little-bubble.png') no-repeat 0 0/100% 100%;
|
right: -0.1rem;
|
||||||
img{
|
top: 0.3rem;
|
||||||
width: 100%;
|
color: #FFFFFF;
|
||||||
}
|
font-size: px2rem(20, );
|
||||||
}
|
}
|
||||||
span{
|
}
|
||||||
font-size: px2rem(20);
|
|
||||||
|
.active {
|
||||||
|
width: px2rem(120, );
|
||||||
|
height: px2rem(120, );
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: px2rem(72, );
|
||||||
|
height: px2rem(62, );
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
b {
|
||||||
|
position: absolute;
|
||||||
|
right: -0.1rem;
|
||||||
|
top: 0.3rem;
|
||||||
|
color: #FEEF60;
|
||||||
|
// -webkit-text-stroke: px2rem(2, ) #FF5C7E;
|
||||||
|
// text-stroke: px2rem(2, ) #FF5C7E;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: white;
|
font-size: px2rem(24, );
|
||||||
margin-left: px2rem(8);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tip{
|
|
||||||
font-family: 'pingfang-medium';
|
p {
|
||||||
font-size: px2rem(20);
|
color: #fff;
|
||||||
color: white;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: px2rem(20);
|
margin-top: 0.9rem;
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.no-record{
|
|
||||||
position: relative;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
text-align: center;
|
|
||||||
color: white;
|
|
||||||
font-size: px2rem(32);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -109,7 +109,7 @@
|
|||||||
<main>
|
<main>
|
||||||
<div class="cyfs">
|
<div class="cyfs">
|
||||||
<p class="title">参与方式</p>
|
<p class="title">参与方式</p>
|
||||||
用戶可通過花費「碎片」參與《星級廚房》遊戲，「碎片」為購買商店內頭飾的贈品，每次最少消耗1個碎片，每回合時間30秒
|
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗1000鉆石，每回合時間30秒
|
||||||
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="lwff">
|
<div class="lwff">
|
||||||
|
|||||||
@@ -1,23 +1,14 @@
|
|||||||
let urlPrefix = getUrlPrefix()
|
let urlPrefix = getUrlPrefix()
|
||||||
let browser = checkVersion()
|
let browser = checkVersion()
|
||||||
if (EnvCheck() === 'test') new VConsole
|
// 获取用户的游戏记录
|
||||||
|
let recordList = []
|
||||||
|
let page = 1
|
||||||
|
let pageSize = 10
|
||||||
|
let canNext = true;
|
||||||
|
|
||||||
// 封裝layer消息提醒框
|
|
||||||
let layerIndex
|
var lisIndex = 0;
|
||||||
const showLoading = () => {
|
const toastMsg = (content = '', time = 2) => {
|
||||||
layer.open({
|
|
||||||
type: 2,
|
|
||||||
shadeClose: false,
|
|
||||||
content: '加載中...',
|
|
||||||
success (e) {
|
|
||||||
layerIndex = $(e).attr('index')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const hideLoading = (index) => {
|
|
||||||
layer.close(index)
|
|
||||||
}
|
|
||||||
const toastMsg = (content = '操作完成', time = 2) => {
|
|
||||||
layer.open({
|
layer.open({
|
||||||
content,
|
content,
|
||||||
time,
|
time,
|
||||||
@@ -25,149 +16,93 @@ const toastMsg = (content = '操作完成', time = 2) => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 獲取用戶的遊戲記錄
|
|
||||||
let recordList = []
|
|
||||||
let page = 1
|
|
||||||
let pageSize = 10
|
|
||||||
let canNext
|
|
||||||
let isLock = true
|
|
||||||
const getUserRecord = () => {
|
|
||||||
networkRequest({
|
|
||||||
type: 'GET',
|
|
||||||
url: urlPrefix + '/act/luckySea/listDrawRecord',
|
|
||||||
data: {
|
|
||||||
page,
|
|
||||||
pageSize
|
|
||||||
},
|
|
||||||
success (res) {
|
|
||||||
if (res.code === 200) {
|
|
||||||
if (res.data.length === pageSize) {
|
|
||||||
// 能夠繼續請求下一頁
|
|
||||||
canNext = true
|
|
||||||
} else {
|
|
||||||
canNext = false
|
|
||||||
}
|
|
||||||
recordList.push(...res.data)
|
|
||||||
renderRecord()
|
|
||||||
isLock = true
|
|
||||||
} else {
|
|
||||||
toastMsg(res.message)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error (err) {
|
|
||||||
toastMsg('網絡錯誤')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 渲染遊戲記錄
|
|
||||||
const renderRecord = () => {
|
|
||||||
if (recordList.length === 0) {
|
|
||||||
$('.record-list').html('<li class="no-record">暫無遊戲記錄</li>')
|
|
||||||
} else {
|
|
||||||
let str = ''
|
|
||||||
recordList.map((item, index) => {
|
|
||||||
let drawId = item.drawId
|
|
||||||
let itemType = item.itemType
|
|
||||||
// 渲染li裏面的ul
|
|
||||||
let str1 = ''
|
|
||||||
let userCostPiece = '' //用戶投註情況
|
|
||||||
let userReward = '' //用戶獎勵情況
|
|
||||||
item.results.map((item1, index) => {
|
|
||||||
if (itemType === 1) {
|
|
||||||
userCostPiece = '+' + item1.costPiece
|
|
||||||
} else {
|
|
||||||
userCostPiece = item1.multiple * 10 + '*' + item1.costPiece
|
|
||||||
}
|
|
||||||
|
|
||||||
str1 += `
|
|
||||||
<li class="animal-item">
|
|
||||||
<div><img src="${item1.itemUrl}" alt=""></div>
|
|
||||||
<span>${userCostPiece}</span>
|
|
||||||
</li>
|
|
||||||
`
|
|
||||||
|
|
||||||
if (item1.itemId === drawId) {
|
|
||||||
$('.none').html(str1)
|
|
||||||
$('.none').find('li').eq(index).addClass('active')
|
|
||||||
str1 = $('.none').html()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
if (itemType === 1) {
|
|
||||||
if (item.reward) {
|
|
||||||
userReward = `
|
|
||||||
<span class="diamond-num">${item.reward}</span>
|
|
||||||
<img src="./images/record/diamond.png" alt="" class="diamond-pic"></img>
|
|
||||||
`
|
|
||||||
} else {
|
|
||||||
userReward = `
|
|
||||||
<span class="diamond-num">未猜中</span>
|
|
||||||
`
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (item.reward) {
|
|
||||||
// userReward = `
|
|
||||||
// <span class="diamond-num">
|
|
||||||
// ${item.itemName} (${item.price}<img src="./images/record/diamond.png" alt="" class="diamond-pic1">) *${item.reward / item.price}個 (共計${item.reward}<img src="./images/record/diamond.png" alt="" class="diamond-pic1"></img>)
|
|
||||||
// </span>
|
|
||||||
// `
|
|
||||||
userReward = `
|
|
||||||
<span class="diamond-num">猜中了</span>
|
|
||||||
`
|
|
||||||
|
|
||||||
} else {
|
|
||||||
userReward = `
|
|
||||||
<span class="diamond-num">未猜中</span>
|
|
||||||
`
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 渲染li
|
|
||||||
let text = ''
|
|
||||||
if (item.drawStatus === 1) {
|
|
||||||
text = '厲害~猜對了(*^▽^*)'
|
|
||||||
} else {
|
|
||||||
text = '哎呀~猜錯了o(╥﹏╥)o'
|
|
||||||
}
|
|
||||||
str += `
|
|
||||||
<li class="record-item">
|
|
||||||
<div class="time">${dateFormat(item.drawTime, "yyyy-MM-dd hh:mm:ss")}</div>
|
|
||||||
<div class="award">
|
|
||||||
<span class="text">遊戲獎勵：</span>
|
|
||||||
<p>
|
|
||||||
${userReward}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<ul class="award-animal clearfix">
|
|
||||||
${str1}
|
|
||||||
</ul>
|
|
||||||
<div class="tip">${text}</div>
|
|
||||||
<li>
|
|
||||||
`
|
|
||||||
})
|
|
||||||
$('.record-list').html(str)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
$(function () {
|
$(function () {
|
||||||
getInfoFromClient()
|
getInfoFromClient()
|
||||||
|
if (EnvCheck() === 'test') { new VConsole }
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
getUserRecord()
|
getUserRecord()
|
||||||
}, 50)
|
}, 100)
|
||||||
// 監聽滾動
|
|
||||||
$('ul').scroll(function () {
|
const getUserRecord = () => {
|
||||||
let scrollTop = $(this).scrollTop()
|
canNext = false
|
||||||
let scrollHeight = $('ul')[0].scrollHeight
|
networkRequest({
|
||||||
let ulHeight = $(this).innerHeight()
|
type: 'GET',
|
||||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
url: urlPrefix + '/act/luckySea/listDrawRecord',
|
||||||
if (isLock) {
|
data: {
|
||||||
// 請求下一頁
|
page,
|
||||||
if (canNext) {
|
pageSize
|
||||||
getUserRecord(page++)
|
},
|
||||||
isLock = false
|
success (res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
if (res.data.length != 0) {
|
||||||
|
// 能够继续请求下一页
|
||||||
|
canNext = true
|
||||||
|
} else {
|
||||||
|
canNext = false
|
||||||
|
}
|
||||||
|
recordList.push(...res.data)
|
||||||
|
renderRecord(res)
|
||||||
|
} else {
|
||||||
|
canNext = true
|
||||||
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
canNext = true
|
||||||
|
toastMsg('網絡錯誤，請退出重進')
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 渲染游戏记录
|
||||||
|
const renderRecord = (res) => {
|
||||||
|
if (recordList.length === 0) {
|
||||||
|
$('.record-list').hide();
|
||||||
|
$('.img').show();
|
||||||
|
} else {
|
||||||
|
$('.record-list').show();
|
||||||
|
$('.img').hide();
|
||||||
|
var str = '';
|
||||||
|
let str2 = '';
|
||||||
|
let drawId = [];;
|
||||||
|
var results = [];
|
||||||
|
var lisIndexId = 0;
|
||||||
|
console.log(res.data)
|
||||||
|
res.data.forEach((res, index) => {
|
||||||
|
drawId.push(res.drawId);
|
||||||
|
str += `
|
||||||
|
<li style="margin-bottom: 0.8rem;">
|
||||||
|
<h3>${dateFormat(res.drawTime, 'yy-MM-dd hh:mm:ss')}</h3>
|
||||||
|
<div class="goldBox">
|
||||||
|
<span>遊戲獎勵：</span>
|
||||||
|
<span class="gold">${res.reward}鉆石</span>
|
||||||
|
</div>
|
||||||
|
<div class="marine_organism"></div>
|
||||||
|
<p style="display: ${res.drawStatus == 1 ? 'none' : 'block'};" class="fasle">哎呀~猜錯了 o(╥﹏╥)o</p>
|
||||||
|
<p style="display: ${res.drawStatus == 1 ? 'block' : 'none'};" class="true">厲害~猜對了 ୧(๑•̀◡•́๑)૭</p>
|
||||||
|
</li>
|
||||||
|
`
|
||||||
|
results.push(res.results);
|
||||||
|
});
|
||||||
|
$('.record-list').append(str)
|
||||||
|
results.forEach((res, index) => {
|
||||||
|
res.forEach(val => {
|
||||||
|
$('.record-list li').eq(lisIndex).children('.marine_organism').append(`<span class='${drawId[lisIndexId] == val.itemId ? 'active' : ''}'><img src="${val.itemUrl}" alt=""><b>+${val.costPiece}</b></span>`)
|
||||||
|
})
|
||||||
|
lisIndex = lisIndex + 1;
|
||||||
|
lisIndexId = lisIndexId + 1;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
|
||||||
})
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
$(window).scroll(function () {
|
||||||
|
if ($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
|
||||||
|
// 请求下一页
|
||||||
|
if (canNext) {
|
||||||
|
getUserRecord(page++)
|
||||||
|
} else {
|
||||||
|
console.log('无数据被锁定');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
@@ -90,7 +90,7 @@
|
|||||||
<span></span>
|
<span></span>
|
||||||
</li>
|
</li>
|
||||||
<li class="taskList4">
|
<li class="taskList4">
|
||||||
<b>幸运糖果树获得一个飞天小魔女可领取3个鞭炮</b>
|
<b>尋愛之旅获得一个飞天小魔女可领取3个鞭炮</b>
|
||||||
<span></span>
|
<span></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -541,8 +541,8 @@ function getInfoFromClient () {
|
|||||||
|
|
||||||
} else {
|
} else {
|
||||||
// 非app环境调试参数
|
// 非app环境调试参数
|
||||||
pubInfo.uid = 0;
|
pubInfo.uid = 1407;
|
||||||
pubInfo.ticket = "0";
|
pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoxNDA3LCJ0aWNrZXRfaWQiOiIyYmNmNzYwZC05ZjQyLTQ1MWItYjE5Ny0yYzBmNjg1ZjA0NTIiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.gTbpYUZl65KkoDxhSjC8OPkfroXQk4mgb_C-fnVSYN4";
|
||||||
// pubInfo.uid = "";
|
// pubInfo.uid = "";
|
||||||
// pubInfo.ticket = "";
|
// pubInfo.ticket = "";
|
||||||
|
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.c9f1f93fd153142d9ecd693d010f322a.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.b8604ceeba8130d080dd.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.bf94490e3e4d07823af1.js></script></body></html>
|
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.1e619c8c31b6b62f7ada9156c6fefd1f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.9cae6754183436ddd33d.js></script><script type=text/javascript src=./static/js/vendor.e1f3b20580f807878b61.js></script><script type=text/javascript src=./static/js/app.bf94490e3e4d07823af1.js></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
|||||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"109500707a3b258d8753",1:"65c8a24141285f752017",2:"a2b32e8c55ba73112c78",3:"d9199c31987c1d8420ff",4:"582a918681a728eba76a",5:"ac36ec8d2c6bbd6d726a",6:"83f6e0e15e71cd5ff43a",7:"c4fa50566fd7f80d2aaa",8:"bfc6ce65abb369da9af5",9:"21d60d154d470edce445",10:"8520f094936f10a3326e",11:"d7f680441a68ac544dfb",12:"521e70ac8f056af09bd9"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"109500707a3b258d8753",1:"65c8a24141285f752017",2:"a2b32e8c55ba73112c78",3:"d9199c31987c1d8420ff",4:"582a918681a728eba76a",5:"6cd509e0b4aed5d8f05a",6:"83f6e0e15e71cd5ff43a",7:"c4fa50566fd7f80d2aaa",8:"bfc6ce65abb369da9af5",9:"21d60d154d470edce445",10:"8520f094936f10a3326e",11:"d7f680441a68ac544dfb",12:"521e70ac8f056af09bd9"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||||
//# sourceMappingURL=manifest.b8604ceeba8130d080dd.js.map
|
//# sourceMappingURL=manifest.9cae6754183436ddd33d.js.map
|
||||||
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.a57905691121a694578f452c955433aa.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.214981f6d39a2e95580e.js></script><script type=text/javascript src=./static/js/vendor.d722b879b3f7e872e29b.js></script><script type=text/javascript src=./static/js/app.0ceadc175c29f6a61e19.js></script></body></html>
|
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>peko</title><link href=./static/css/app.5e456a87275e12d9f48ff8625f0a5381.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.28a3f1e86701b1e781f2.js></script><script type=text/javascript src=./static/js/vendor.d722b879b3f7e872e29b.js></script><script type=text/javascript src=./static/js/app.b20ccc5831da38f8c4a9.js></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
|||||||
|
webpackJsonp([5],{L8Ig:function(t,e){},ht4E:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("BRgg"),n={data:function(){return{dataList:[],loading:!1,finished:!1,page:0}},created:function(){document.title=this.$route.meta.title},methods:{onLoad:function(){var t=this;this.page++,Object(i.e)({pageSize:20,page:this.page,uid:window.sessionStorage.getItem("uid")||"935026",sortType:"time"}).then(function(e){t.dataList=t.dataList.concat(e.data.data),t.loading=!1,console.log(e.data.data),e.data.data.length<20&&(t.finished=!0)})},createTime:function(t){return function(t){var e=new Date(t),a=(e.getFullYear(),e.getMonth()+1);a=a<10?"0"+a:a;var i=e.getDate();i=i<10?"0"+i:i;var n=e.getHours();n=n<10?"0"+n:n;var s=e.getMinutes();s=s<10?"0"+s:s;var r=e.getSeconds();return r=r<10?"0"+r:r,a+"-"+i+" "+n+":"+s}(t)}}},s={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"max"},[a("div",{staticClass:"list"},[a("van-list",{attrs:{finished:t.finished,"finished-text":"沒有更多獲獎記錄了",offset:300},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.dataList,function(e,i){return a("div",{key:i,staticClass:"user"},[a("img",{attrs:{src:e.prizeImgUrl,alt:""}}),t._v(" "),a("p",{staticClass:"user-nick"},[t._v("\n "+t._s(e.prizeName)+"\n "),a("span",[t._v(" X "+t._s(e.prizeNum))])]),t._v(" "),a("p",{staticClass:"user-diamond"},[a("span",{staticClass:"diamond-num"},[t._v(t._s(t.createTime(e.createTime)))])])])}),0)],1)])},staticRenderFns:[]};var r=a("VU/8")(n,s,!1,function(t){a("L8Ig")},"data-v-12122600",null);e.default=r.exports}});
|
||||||
|
//# sourceMappingURL=5.7497cae6dad9b60e9b15.js.map
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
webpackJsonp([5],{ht4E:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("BRgg"),n={data:function(){return{dataList:[],loading:!1,finished:!1,page:0}},created:function(){document.title=this.$route.meta.title},methods:{onLoad:function(){var t=this;this.page++,Object(i.e)({pageSize:20,page:this.page,uid:window.sessionStorage.getItem("uid")||"935026",sortType:"time"}).then(function(e){t.dataList=t.dataList.concat(e.data.data),t.loading=!1,console.log(e.data.data),e.data.data.length<20&&(t.finished=!0)})},createTime:function(t){return function(t){var e=new Date(t),a=(e.getFullYear(),e.getMonth()+1);a=a<10?"0"+a:a;var i=e.getDate();i=i<10?"0"+i:i;var n=e.getHours();n=n<10?"0"+n:n;var s=e.getMinutes();s=s<10?"0"+s:s;var r=e.getSeconds();return r=r<10?"0"+r:r,a+"-"+i+" "+n+":"+s}(t)}}},s={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"max"},[a("p",{staticClass:"tit"},[t._v("獲獎記錄")]),t._v(" "),a("div",{staticClass:"list"},[a("van-list",{attrs:{finished:t.finished,"finished-text":"沒有更多獲獎記錄了",offset:300},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.dataList,function(e,i){return a("div",{key:i,staticClass:"user"},[a("img",{attrs:{src:e.prizeImgUrl,alt:""}}),t._v(" "),a("p",{staticClass:"user-nick"},[t._v("\n "+t._s(e.prizeName)+"\n "),a("span",[t._v(" X "+t._s(e.prizeNum))])]),t._v(" "),a("p",{staticClass:"user-diamond"},[a("span",{staticClass:"diamond-num"},[t._v(t._s(t.createTime(e.createTime)))])])])}),0)],1)])},staticRenderFns:[]};var r=a("VU/8")(n,s,!1,function(t){a("xK1X")},"data-v-27ee03d1",null);e.default=r.exports},xK1X:function(t,e){}});
|
|
||||||
//# sourceMappingURL=5.7bbc821e59299c8dc62f.js.map
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
webpackJsonp([7],{"/CRi":function(e,n){},"2KIr":function(e,n){},"4ml/":function(e,n){},NHnr:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=t("7+uW"),o={render:function(){var e=this.$createElement,n=this._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]};var a=t("VU/8")({name:"App"},o,!1,function(e){t("tKSs")},null,null).exports,r=t("YaEn"),u=(t("2KIr"),t("NYxO"));i.default.use(u.a);var s=new u.a.Store({state:{info:{ticket:"123",uid:"678"}},mutations:{setInfo:function(e,n){e.info.ticket=n.ticket,e.info.uid=n.uid}},getters:{getInfo:function(e){return e.info}},actions:{getUserInfo:function(e){return e.state}}}),c=t("pFYg"),d=t.n(c),f=t("Z4iZ");window.info={},window.getMessage=function(e,n){info[e]=n};var l=t("SV4X"),p=t.n(l),m=(t("/CRi"),t("4ml/"),t("Fd2+")),h=(t("sVYa"),t("DVXL")),w=t.n(h);!function(){var e=Object(f.b)();if(e.app)if(e.ios){var n=document.cookie.match(/\d+/);info.uid=n[0],window.webkit.messageHandlers.getTicket.postMessage(null)}else e.android&&androidJsObj&&"object"===("undefined"==typeof androidJsObj?"undefined":d()(androidJsObj))&&(info.uid=parseInt(window.androidJsObj.getUid()),info.ticket=window.androidJsObj.getTicket());else info.uid=1005337,info.ticket="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoxMDA1MzM3LCJ0aWNrZXRfaWQiOiIzZmRmNDQwOS03MTM2LTRkOTItOWE0Yy1hZTkyMjg2YjAyMGUiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.X6mEVLMxFkBtPWW0g1OuL_xOpeGJlNWRsp5fKIKUo3Y"}(),i.default.config.productionTip=!1,i.default.prototype.$layer=p()(i.default),w.a.attach(document.body),i.default.use(m.b),new i.default({el:"#app",router:r.a,store:s,components:{App:a},template:"<App/>"})},YaEn:function(e,n,t){"use strict";var i=t("7+uW"),o=t("/ocq");i.default.use(o.a);var a=new o.a({routes:[{path:"/rank",name:"rank",component:function(){return Promise.all([t.e(0),t.e(2)]).then(t.bind(null,"XwoE"))},meta:{title:"排行榜"}},{path:"/wishingWellRank",name:"wishingWellRank",meta:{title:"許願池榜單"},component:function(){return Promise.all([t.e(0),t.e(3)]).then(t.bind(null,"W02H"))}},{path:"/wishingWellRecord",name:"wishingWellRecord",meta:{title:"許願池中獎記錄"},component:function(){return Promise.all([t.e(0),t.e(5)]).then(t.bind(null,"ht4E"))}},{path:"/wishingWellRule",name:"wishingWellRule",meta:{title:"玩法規則"},component:function(){return t.e(4).then(t.bind(null,"bxJL"))}},{path:"/DiamondLog",name:"DiamondLog",meta:{title:"鉆石記錄"},component:function(){return Promise.all([t.e(0),t.e(1)]).then(t.bind(null,"zXe3"))}}]});a.beforeEach(function(e,n,t){window.sessionStorage.getItem("ticket")?t():setTimeout(function(){sessionStorage.clear(),window.sessionStorage.setItem("uid",info.uid),window.sessionStorage.setItem("ticket",info.ticket),console.log(info,"router"),t()},70)}),n.a=a},Z4iZ:function(e,n,t){"use strict";t.d(n,"b",function(){return i}),t.d(n,"a",function(){return o});var i=function(){var e=navigator.userAgent;navigator.appVersion;return{trident:e.indexOf("Trident")>-1,presto:e.indexOf("Presto")>-1,webKit:e.indexOf("AppleWebKit")>-1,gecko:e.indexOf("Gecko")>-1&&-1==e.indexOf("KHTML"),mobile:!!e.match(/AppleWebKit.*Mobile.*/),ios:!!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:e.indexOf("Android")>-1||e.indexOf("Adr")>-1,iPhone:e.indexOf("iPhone")>-1,iPad:e.indexOf("iPad")>-1,webApp:-1==e.indexOf("Safari"),weixin:e.indexOf("MicroMessenger")>-1,qq:" qq"==e.match(/\sQQ/i),app:"pekoApp"==e.match("pekoApp")}},o=function(){if(window.location.href){var e=window.location.href,n=e.match(/api.uat.z/),t=e.match(/120.79.211.243/),i=e.match(/192.168/),o=e.match(/127.0.0.1/),a=e.match(/api.uat/),r=e.match(/beta./);return n||t||i||o||a||r?"test":"live"}}},afzy:function(e,n,t){"use strict";function i(){return(i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}n.a=i},tKSs:function(e,n){}},["NHnr"]);
|
|
||||||
//# sourceMappingURL=app.0ceadc175c29f6a61e19.js.map
|
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
webpackJsonp([7],{"/CRi":function(e,n){},"2KIr":function(e,n){},"4ml/":function(e,n){},NHnr:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=t("7+uW"),o={render:function(){var e=this.$createElement,n=this._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]};var a=t("VU/8")({name:"App"},o,!1,function(e){t("tKSs")},null,null).exports,r=t("YaEn"),u=(t("2KIr"),t("NYxO"));i.default.use(u.a);var s=new u.a.Store({state:{info:{ticket:"123",uid:"678"}},mutations:{setInfo:function(e,n){e.info.ticket=n.ticket,e.info.uid=n.uid}},getters:{getInfo:function(e){return e.info}},actions:{getUserInfo:function(e){return e.state}}}),c=t("pFYg"),d=t.n(c),f=t("Z4iZ");window.info={},window.getMessage=function(e,n){info[e]=n};var l=t("SV4X"),p=t.n(l),m=(t("/CRi"),t("4ml/"),t("Fd2+")),h=(t("sVYa"),t("DVXL")),w=t.n(h);!function(){var e=Object(f.b)();if(e.app)if(e.ios){var n=document.cookie.match(/\d+/);info.uid=n[0],window.webkit.messageHandlers.getTicket.postMessage(null)}else e.android&&androidJsObj&&"object"===("undefined"==typeof androidJsObj?"undefined":d()(androidJsObj))&&(info.uid=parseInt(window.androidJsObj.getUid()),info.ticket=window.androidJsObj.getTicket());else info.uid=1005337,info.ticket="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoxMDA1MzM3LCJ0aWNrZXRfaWQiOiIzZmRmNDQwOS03MTM2LTRkOTItOWE0Yy1hZTkyMjg2YjAyMGUiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.X6mEVLMxFkBtPWW0g1OuL_xOpeGJlNWRsp5fKIKUo3Y"}(),i.default.config.productionTip=!1,i.default.prototype.$layer=p()(i.default),w.a.attach(document.body),i.default.use(m.b),new i.default({el:"#app",router:r.a,store:s,components:{App:a},template:"<App/>"})},YaEn:function(e,n,t){"use strict";var i=t("7+uW"),o=t("/ocq");i.default.use(o.a);var a=new o.a({routes:[{path:"/rank",name:"rank",component:function(){return Promise.all([t.e(0),t.e(2)]).then(t.bind(null,"XwoE"))},meta:{title:"排行榜"}},{path:"/wishingWellRank",name:"wishingWellRank",meta:{title:"榜單"},component:function(){return Promise.all([t.e(0),t.e(3)]).then(t.bind(null,"W02H"))}},{path:"/wishingWellRecord",name:"wishingWellRecord",meta:{title:"中獎記錄"},component:function(){return Promise.all([t.e(0),t.e(5)]).then(t.bind(null,"ht4E"))}},{path:"/wishingWellRule",name:"wishingWellRule",meta:{title:"玩法規則"},component:function(){return t.e(4).then(t.bind(null,"bxJL"))}},{path:"/DiamondLog",name:"DiamondLog",meta:{title:"鉆石記錄"},component:function(){return Promise.all([t.e(0),t.e(1)]).then(t.bind(null,"zXe3"))}}]});a.beforeEach(function(e,n,t){window.sessionStorage.getItem("ticket")?t():setTimeout(function(){sessionStorage.clear(),window.sessionStorage.setItem("uid",info.uid),window.sessionStorage.setItem("ticket",info.ticket),console.log(info,"router"),t()},70)}),n.a=a},Z4iZ:function(e,n,t){"use strict";t.d(n,"b",function(){return i}),t.d(n,"a",function(){return o});var i=function(){var e=navigator.userAgent;navigator.appVersion;return{trident:e.indexOf("Trident")>-1,presto:e.indexOf("Presto")>-1,webKit:e.indexOf("AppleWebKit")>-1,gecko:e.indexOf("Gecko")>-1&&-1==e.indexOf("KHTML"),mobile:!!e.match(/AppleWebKit.*Mobile.*/),ios:!!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:e.indexOf("Android")>-1||e.indexOf("Adr")>-1,iPhone:e.indexOf("iPhone")>-1,iPad:e.indexOf("iPad")>-1,webApp:-1==e.indexOf("Safari"),weixin:e.indexOf("MicroMessenger")>-1,qq:" qq"==e.match(/\sQQ/i),app:"pekoApp"==e.match("pekoApp")}},o=function(){if(window.location.href){var e=window.location.href,n=e.match(/api.uat.z/),t=e.match(/120.79.211.243/),i=e.match(/192.168/),o=e.match(/127.0.0.1/),a=e.match(/api.uat/),r=e.match(/beta./);return n||t||i||o||a||r?"test":"live"}}},afzy:function(e,n,t){"use strict";function i(){return(i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}n.a=i},tKSs:function(e,n){}},["NHnr"]);
|
||||||
|
//# sourceMappingURL=app.b20ccc5831da38f8c4a9.js.map
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,d=0,s=[];d<r.length;d++)u=r[d],t[u]&&s.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)f=o(o.s=a[d]);return f};var r={},t={8:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"eed15768c3b7ae4cb839",1:"1bd9d8db377a897451e8",2:"52687005d6832f02b312",3:"7a4dfeb0d7ea325598f5",4:"2408701d4fd3b9cad049",5:"7bbc821e59299c8dc62f"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
|
||||||
//# sourceMappingURL=manifest.214981f6d39a2e95580e.js.map
|
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var i,u,f,d=0,s=[];d<r.length;d++)u=r[d],t[u]&&s.push(t[u][0]),t[u]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)f=o(o.s=c[d]);return f};var r={},t={8:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"eed15768c3b7ae4cb839",1:"1bd9d8db377a897451e8",2:"52687005d6832f02b312",3:"7a4dfeb0d7ea325598f5",4:"2408701d4fd3b9cad049",5:"7497cae6dad9b60e9b15"}[e]+".js";var i=setTimeout(u,12e4);function u(){c.onerror=c.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=u,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||||
|
//# sourceMappingURL=manifest.28a3f1e86701b1e781f2.js.map
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
|
|
||||||
<div class="tab">
|
<div class="tab">
|
||||||
<div class="active">
|
<div class="active">
|
||||||
<span class="tab-name">幸运糖果树</span>
|
<span class="tab-name">尋愛之旅</span>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: none;">
|
<div style="display: none;">
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
|
|
||||||
<div class="tab">
|
<div class="tab">
|
||||||
<div class="active">
|
<div class="active">
|
||||||
<span class="tab-name">幸运糖果树</span>
|
<span class="tab-name">尋愛之旅</span>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: none;">
|
<div style="display: none;">
|
||||||
|
|||||||
@@ -1,134 +1,122 @@
|
|||||||
@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"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
||||||
}
|
}
|
||||||
|
html,
|
||||||
body {
|
body {
|
||||||
height: 100vh;
|
height: auto;
|
||||||
height: 17.78667rem;
|
|
||||||
background: url("../image/main-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../image/main-bg.png") no-repeat 0 0/100% 100%;
|
||||||
background-color: #014459;
|
background-color: #014459;
|
||||||
font-family: 'pingfang-bold';
|
font-family: "pingfang-bold";
|
||||||
|
overflow-y: scroll;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
height: 3.17333rem;
|
height: 3.1733333333rem;
|
||||||
background: url("../image/main-title.png") no-repeat 0 0/100% 100%;
|
background: url("../image/main-title.png") no-repeat 0 0/100% 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title .canSelect {
|
.title .canSelect {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 0.26667rem;
|
font-size: 0.2666666667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 2.61333rem;
|
margin-top: 2.6133333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.introduction-btn {
|
.introduction-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 3.25333rem;
|
top: 3.2533333333rem;
|
||||||
width: 1.89333rem;
|
width: 1.8933333333rem;
|
||||||
height: 0.56rem;
|
height: 0.56rem;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.record-btn {
|
.record-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 3.25333rem;
|
top: 3.2533333333rem;
|
||||||
width: 1.89333rem;
|
width: 1.8933333333rem;
|
||||||
height: 0.56rem;
|
height: 0.56rem;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area {
|
.select-area {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
height: 9.73333rem;
|
height: 9.7333333333rem;
|
||||||
margin: 0.8rem auto 0;
|
margin: 0.8rem auto 0;
|
||||||
|
margin: 0.2rem auto 0;
|
||||||
background: url("../image/ring.png") no-repeat 0 0/100% 100%;
|
background: url("../image/ring.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div {
|
.select-area div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 1.86667rem;
|
width: 1.8666666667rem;
|
||||||
height: 1.86667rem;
|
height: 1.8666666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div.active .default {
|
.select-area div.active .default {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div.active .selected {
|
.select-area div.active .selected {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:first-child {
|
.select-area div:first-child {
|
||||||
top: -0.16rem;
|
top: -0.16rem;
|
||||||
left: 4.08rem;
|
left: 4.08rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(2) {
|
.select-area div:nth-child(2) {
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
left: 6.45333rem;
|
left: 6.4533333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(3) {
|
.select-area div:nth-child(3) {
|
||||||
top: 2.66667rem;
|
top: 2.6666666667rem;
|
||||||
left: 7.94667rem;
|
left: 7.9466666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(4) {
|
.select-area div:nth-child(4) {
|
||||||
top: 5.2rem;
|
top: 5.2rem;
|
||||||
left: 7.94667rem;
|
left: 7.9466666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(5) {
|
.select-area div:nth-child(5) {
|
||||||
top: 7.22667rem;
|
top: 7.2266666667rem;
|
||||||
left: 6.48rem;
|
left: 6.48rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(6) {
|
.select-area div:nth-child(6) {
|
||||||
top: 8rem;
|
top: 8rem;
|
||||||
left: 4.08rem;
|
left: 4.08rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(7) {
|
.select-area div:nth-child(7) {
|
||||||
top: 7.22667rem;
|
top: 7.2266666667rem;
|
||||||
left: 1.66667rem;
|
left: 1.6666666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(8) {
|
.select-area div:nth-child(8) {
|
||||||
top: 5.2rem;
|
top: 5.2rem;
|
||||||
left: 0.18667rem;
|
left: 0.1866666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(9) {
|
.select-area div:nth-child(9) {
|
||||||
top: 2.66667rem;
|
top: 2.6666666667rem;
|
||||||
left: 0.18667rem;
|
left: 0.1866666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div:nth-child(10) {
|
.select-area div:nth-child(10) {
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
left: 1.68rem;
|
left: 1.68rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div img.fail {
|
.select-area div img.fail {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area div img.selected {
|
.select-area div img.selected {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.select-area .desc,
|
||||||
.select-area .desc, .select-area .prob {
|
.select-area .prob {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -140,45 +128,84 @@ body {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.select-area .desc.fail,
|
||||||
.select-area .desc.fail, .select-area .prob.fail {
|
.select-area .prob.fail {
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
|
.select-area .desc.success,
|
||||||
.select-area .desc.success, .select-area .prob.success {
|
.select-area .prob.success {
|
||||||
font-size: 0.4rem;
|
font-size: 0.4rem;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
|
.select-area .desc.success span,
|
||||||
.select-area .desc.success span, .select-area .prob.success span {
|
.select-area .prob.success span {
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area .prob {
|
.select-area .prob {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explore {
|
.tabBox {
|
||||||
width: 5.70667rem;
|
width: 90%;
|
||||||
height: 1.65333rem;
|
height: 1.2533333333rem;
|
||||||
line-height: 1.17333rem;
|
display: flex;
|
||||||
background: url("../image/explore-btn.png") no-repeat 0 0/100% 100%;
|
justify-content: space-between;
|
||||||
margin: 0.72rem auto 0.16rem;
|
margin: 0.4133333333rem auto;
|
||||||
|
}
|
||||||
|
.tabBox div {
|
||||||
|
width: 2.6666666667rem;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid #49B598;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 0.08rem;
|
||||||
|
}
|
||||||
|
.tabBox div p {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
color: #CDD5D8;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
margin: 0.2533333333rem 0 0.1066666667rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.tabBox div span {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
color: #CDD5D8;
|
||||||
|
font-size: 0.2666666667rem;
|
||||||
|
}
|
||||||
|
.tabBox .active {
|
||||||
|
background: url(../image/tabBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.tabBox .active p {
|
||||||
|
color: #11615D;
|
||||||
|
}
|
||||||
|
.tabBox .active span {
|
||||||
|
color: #11615D;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.explore {
|
||||||
|
width: 5.4rem;
|
||||||
|
height: 1.3rem;
|
||||||
|
line-height: 1.3rem;
|
||||||
|
background: url(../image/explore-btn.png) no-repeat 0 0/100% 100%;
|
||||||
|
margin: -0.2rem auto 0rem;
|
||||||
|
}
|
||||||
.explore.again {
|
.explore.again {
|
||||||
width: 5.41333rem;
|
width: 5.4133333333rem;
|
||||||
height: 1.33333rem;
|
height: 1.3333333333rem;
|
||||||
background-image: url("../image/play-again.png");
|
background-image: url("../image/play-again.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-explore {
|
.no-explore {
|
||||||
width: 2.66667rem;
|
width: 2.6666666667rem;
|
||||||
color: #FCFFE7;
|
color: #FCFFE7;
|
||||||
font-size: 0.26667rem;
|
font-size: 0.2666666667rem;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -191,63 +218,54 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1.25333rem;
|
height: 1.2533333333rem;
|
||||||
background-color: #0C6970;
|
background-color: #0C6970;
|
||||||
color: #FEF59B;
|
color: #FEF59B;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .avatar {
|
.mine .avatar {
|
||||||
width: 0.96rem;
|
width: 0.96rem;
|
||||||
height: 0.96rem;
|
height: 0.96rem;
|
||||||
margin-left: 0.42667rem;
|
margin-left: 0.4266666667rem;
|
||||||
margin-right: 0.21333rem;
|
margin-right: 0.2133333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .avatar img {
|
.mine .avatar img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .nick {
|
.mine .nick {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .diamond-num {
|
.mine .diamond-num {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: 0.08rem;
|
margin-right: 0.08rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .diamond-num img {
|
.mine .diamond-num img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
left: -0.26667rem;
|
left: -0.2666666667rem;
|
||||||
width: 0.73333rem;
|
width: 0.7333333333rem;
|
||||||
height: 0.6rem;
|
height: 0.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .diamond-num p {
|
.mine .diamond-num p {
|
||||||
border: 0.05333rem #71CEC4 solid;
|
border: 0.0533333333rem #71CEC4 solid;
|
||||||
border-radius: 0.26667rem;
|
border-radius: 0.2666666667rem;
|
||||||
padding: 0.08rem 0.10667rem 0.08rem 0.53333rem;
|
padding: 0.08rem 0.1066666667rem 0.08rem 0.5333333333rem;
|
||||||
background-color: #223B46;
|
background-color: #223B46;
|
||||||
color: rgba(113, 206, 196, 0.7);
|
color: rgba(113, 206, 196, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .diamond-num p span {
|
.mine .diamond-num p span {
|
||||||
color: #FEF59B;
|
color: #FEF59B;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .recharge-icon {
|
.mine .recharge-icon {
|
||||||
margin-right: 0.29333rem;
|
margin-right: 0.2933333333rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine .recharge-icon img {
|
.mine .recharge-icon img {
|
||||||
width: 0.29333rem;
|
width: 0.2933333333rem;
|
||||||
height: 0.29333rem;
|
height: 0.2933333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask {
|
.shade-mask {
|
||||||
@@ -260,30 +278,30 @@ body {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: rgba(0, 0, 0, 0.7);
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask .shade-content {
|
.shade-mask .shade-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 8.72rem;
|
width: 8.72rem;
|
||||||
height: 8.21333rem;
|
height: 8.2133333333rem;
|
||||||
background: url("../image/rule-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../image/rule-bg.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask .shade-content p {
|
.shade-mask .shade-content p {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
height: 76%;
|
height: 76%;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
margin: 1.6rem auto 0rem;
|
margin: 1.6rem auto 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask .shade-content p img {
|
.shade-mask .shade-content p img {
|
||||||
width: 5.22667rem;
|
width: 5.2266666667rem;
|
||||||
height: 13.76rem;
|
height: 13.76rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask-recharge, .result-shade, .table-shade, .not-enough {
|
.shade-mask-recharge,
|
||||||
|
.result-shade,
|
||||||
|
.table-shade,
|
||||||
|
.not-enough {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -293,8 +311,10 @@ body {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: rgba(0, 0, 0, 0.7);
|
background-color: rgba(0, 0, 0, 0.7);
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge,
|
||||||
.shade-mask-recharge .shade-content-recharge, .result-shade .shade-content-recharge, .table-shade .shade-content-recharge, .not-enough .shade-content-recharge {
|
.result-shade .shade-content-recharge,
|
||||||
|
.table-shade .shade-content-recharge,
|
||||||
|
.not-enough .shade-content-recharge {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -302,53 +322,71 @@ body {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 6.66667rem;
|
width: 6.6666666667rem;
|
||||||
height: 8rem;
|
height: 8rem;
|
||||||
background: url("../image/recharge-bg.png") no-repeat 0 0/100% 100%;
|
background: url("../image/recharge-bg.png") no-repeat 0 0/100% 100%;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .planet-num,
|
||||||
.shade-mask-recharge .shade-content-recharge .planet-num, .shade-mask-recharge .shade-content-recharge .recharge-title, .result-shade .shade-content-recharge .planet-num, .result-shade .shade-content-recharge .recharge-title, .table-shade .shade-content-recharge .planet-num, .table-shade .shade-content-recharge .recharge-title, .not-enough .shade-content-recharge .planet-num, .not-enough .shade-content-recharge .recharge-title {
|
.shade-mask-recharge .shade-content-recharge .recharge-title,
|
||||||
|
.result-shade .shade-content-recharge .planet-num,
|
||||||
|
.result-shade .shade-content-recharge .recharge-title,
|
||||||
|
.table-shade .shade-content-recharge .planet-num,
|
||||||
|
.table-shade .shade-content-recharge .recharge-title,
|
||||||
|
.not-enough .shade-content-recharge .planet-num,
|
||||||
|
.not-enough .shade-content-recharge .recharge-title {
|
||||||
font-size: 0.4rem;
|
font-size: 0.4rem;
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
margin: 0.8rem 0 0rem;
|
margin: 0.8rem 0 0rem;
|
||||||
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .recharge-title,
|
||||||
.shade-mask-recharge .shade-content-recharge .recharge-title, .result-shade .shade-content-recharge .recharge-title, .table-shade .shade-content-recharge .recharge-title, .not-enough .shade-content-recharge .recharge-title {
|
.result-shade .shade-content-recharge .recharge-title,
|
||||||
margin: 0.26667rem 0 0.58667rem;
|
.table-shade .shade-content-recharge .recharge-title,
|
||||||
|
.not-enough .shade-content-recharge .recharge-title {
|
||||||
|
margin: 0.2666666667rem 0 0.5866666667rem;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .headwear,
|
||||||
.shade-mask-recharge .shade-content-recharge .headwear, .result-shade .shade-content-recharge .headwear, .table-shade .shade-content-recharge .headwear, .not-enough .shade-content-recharge .headwear {
|
.result-shade .shade-content-recharge .headwear,
|
||||||
width: 1.73333rem;
|
.table-shade .shade-content-recharge .headwear,
|
||||||
height: 1.73333rem;
|
.not-enough .shade-content-recharge .headwear {
|
||||||
|
width: 1.7333333333rem;
|
||||||
|
height: 1.7333333333rem;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .headwear img,
|
||||||
.shade-mask-recharge .shade-content-recharge .headwear img, .result-shade .shade-content-recharge .headwear img, .table-shade .shade-content-recharge .headwear img, .not-enough .shade-content-recharge .headwear img {
|
.result-shade .shade-content-recharge .headwear img,
|
||||||
|
.table-shade .shade-content-recharge .headwear img,
|
||||||
|
.not-enough .shade-content-recharge .headwear img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .headwear-day,
|
||||||
.shade-mask-recharge .shade-content-recharge .headwear-day, .result-shade .shade-content-recharge .headwear-day, .table-shade .shade-content-recharge .headwear-day, .not-enough .shade-content-recharge .headwear-day {
|
.result-shade .shade-content-recharge .headwear-day,
|
||||||
|
.table-shade .shade-content-recharge .headwear-day,
|
||||||
|
.not-enough .shade-content-recharge .headwear-day {
|
||||||
color: #EBF9C0;
|
color: #EBF9C0;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 0.61333rem;
|
margin-top: 0.6133333333rem;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .headwear-price,
|
||||||
.shade-mask-recharge .shade-content-recharge .headwear-price, .result-shade .shade-content-recharge .headwear-price, .table-shade .shade-content-recharge .headwear-price, .not-enough .shade-content-recharge .headwear-price {
|
.result-shade .shade-content-recharge .headwear-price,
|
||||||
|
.table-shade .shade-content-recharge .headwear-price,
|
||||||
|
.not-enough .shade-content-recharge .headwear-price {
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 0.61333rem;
|
margin-top: 0.6133333333rem;
|
||||||
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
||||||
}
|
}
|
||||||
|
.shade-mask-recharge .shade-content-recharge .recharge-btn,
|
||||||
.shade-mask-recharge .shade-content-recharge .recharge-btn, .result-shade .shade-content-recharge .recharge-btn, .table-shade .shade-content-recharge .recharge-btn, .not-enough .shade-content-recharge .recharge-btn {
|
.result-shade .shade-content-recharge .recharge-btn,
|
||||||
|
.table-shade .shade-content-recharge .recharge-btn,
|
||||||
|
.not-enough .shade-content-recharge .recharge-btn {
|
||||||
width: 3.52rem;
|
width: 3.52rem;
|
||||||
height: 0.96rem;
|
height: 0.96rem;
|
||||||
background: url("../image/recharge-btn.png") no-repeat 0 0/100% 100%;
|
background: url("../image/recharge-btn.png") no-repeat 0 0/100% 100%;
|
||||||
margin-top: 0.42667rem;
|
margin-top: 0.4266666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.svga {
|
.svga {
|
||||||
@@ -358,7 +396,7 @@ body {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
height: 17.78667rem;
|
height: 17.7866666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content {
|
.result-shade .result-content {
|
||||||
@@ -368,32 +406,27 @@ body {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success, .result-shade .result-content.fail {
|
.result-shade .result-content.success, .result-shade .result-content.fail {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 9.54667rem;
|
height: 9.5466666667rem;
|
||||||
background: url("../image/success.png") no-repeat 0 0/100% 100%;
|
background: url("../image/success.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success img, .result-shade .result-content.fail img {
|
.result-shade .result-content.success img, .result-shade .result-content.fail img {
|
||||||
width: 2.2rem;
|
width: 2.2rem;
|
||||||
height: 2.06667rem;
|
height: 2.0666666667rem;
|
||||||
margin-top: 3.6rem;
|
margin-top: 3.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success p, .result-shade .result-content.fail p {
|
.result-shade .result-content.success p, .result-shade .result-content.fail p {
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #EBF9C0;
|
color: #EBF9C0;
|
||||||
margin-top: 0.77333rem;
|
margin-top: 0.7733333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success p span, .result-shade .result-content.fail p span {
|
.result-shade .result-content.success p span, .result-shade .result-content.fail p span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success div, .result-shade .result-content.fail div {
|
.result-shade .result-content.success div, .result-shade .result-content.fail div {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -401,23 +434,19 @@ body {
|
|||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
margin-top: 0.66667rem;
|
margin-top: 0.6666666667rem;
|
||||||
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
text-shadow: 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576, 1px 1px 2px #478576, -1px -1px 2px #478576;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.success div span, .result-shade .result-content.fail div span {
|
.result-shade .result-content.success div span, .result-shade .result-content.fail div span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.fail {
|
.result-shade .result-content.fail {
|
||||||
height: 8.21333rem;
|
height: 8.2133333333rem;
|
||||||
background: url("../image/fail.png") no-repeat 0 0/100% 100%;
|
background: url("../image/fail.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.fail img {
|
.result-shade .result-content.fail img {
|
||||||
margin-top: 2.26667rem;
|
margin-top: 2.2666666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade .result-content.fail div {
|
.result-shade .result-content.fail div {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -430,9 +459,8 @@ body {
|
|||||||
width: 97%;
|
width: 97%;
|
||||||
height: 9.6rem;
|
height: 9.6rem;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 0.13333rem;
|
border-radius: 0.1333333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap {
|
.table-shade .table-content .table-wrap {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -442,43 +470,37 @@ body {
|
|||||||
height: 9.6rem;
|
height: 9.6rem;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 0.13333rem;
|
border-radius: 0.1333333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .table {
|
.table-shade .table-content .table-wrap .table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.13333rem;
|
padding: 0.1333333333rem;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .table tr {
|
.table-shade .table-content .table-wrap .table tr {
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 1.06667rem;
|
height: 1.0666666667rem;
|
||||||
border-bottom: 1px solid pink;
|
border-bottom: 1px solid pink;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .table tr th {
|
.table-shade .table-content .table-wrap .table tr th {
|
||||||
color: #652DAD;
|
color: #652DAD;
|
||||||
width: 1.9rem;
|
width: 1.9rem;
|
||||||
line-height: 1.06667rem;
|
line-height: 1.0666666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .table tr td {
|
.table-shade .table-content .table-wrap .table tr td {
|
||||||
color: #333;
|
color: #333;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 1.06667rem;
|
height: 1.0666666667rem;
|
||||||
max-width: 1rem;
|
max-width: 1rem;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .table tr td span {
|
.table-shade .table-content .table-wrap .table tr td span {
|
||||||
max-width: 2.5rem;
|
max-width: 2.5rem;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .table-wrap .noData {
|
.table-shade .table-content .table-wrap .noData {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -491,13 +513,12 @@ body {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade .table-content .close-record {
|
.table-shade .table-content .close-record {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -0.8rem;
|
top: -0.8rem;
|
||||||
right: 0.26667rem;
|
right: 0.2666666667rem;
|
||||||
width: 0.69333rem;
|
width: 0.6933333333rem;
|
||||||
height: 0.69333rem;
|
height: 0.6933333333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.not-enough .not-enough-content {
|
.not-enough .not-enough-content {
|
||||||
@@ -505,20 +526,21 @@ body {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 6.66667rem;
|
width: 6.6666666667rem;
|
||||||
height: 4.8rem;
|
height: 4.8rem;
|
||||||
background: url("../image/not-enough.png") no-repeat 0 0/100% 100%;
|
background: url("../image/not-enough.png") no-repeat 0 0/100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.not-enough .not-enough-content .go-to-recharge {
|
.not-enough .not-enough-content .go-to-recharge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 3.2rem;
|
top: 3.2rem;
|
||||||
width: 3.28rem;
|
width: 3.28rem;
|
||||||
height: 0.82667rem;
|
height: 0.8266666667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=main.css.map */
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
@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'),
|
||||||
@@ -12,22 +12,27 @@
|
|||||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
html,
|
||||||
height: 100vh;
|
body {
|
||||||
height: px2rem(1334, );
|
// height: 100vh;
|
||||||
|
// height: px2rem(1334, );
|
||||||
|
height: auto;
|
||||||
background: url('../image/main-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../image/main-bg.png') no-repeat 0 0/100% 100%;
|
||||||
background-color: #014459;
|
background-color: #014459;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
font-family: 'pingfang-bold';
|
font-family: 'pingfang-bold';
|
||||||
|
overflow-y: scroll;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title{
|
.title {
|
||||||
width: px2rem(750, );
|
width: px2rem(750, );
|
||||||
height: px2rem(238, );
|
height: px2rem(238, );
|
||||||
background: url('../image/main-title.png') no-repeat 0 0/100% 100%;
|
background: url('../image/main-title.png') no-repeat 0 0/100% 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
.canSelect{
|
|
||||||
|
.canSelect {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: px2rem(20, );
|
font-size: px2rem(20, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -37,92 +42,112 @@ body{
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.introduction-btn{
|
.introduction-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(244, );
|
top: px2rem(244, );
|
||||||
width: px2rem(142, );
|
width: px2rem(142, );
|
||||||
height: px2rem(42, );
|
height: px2rem(42, );
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.record-btn{
|
.record-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: px2rem(244, );
|
top: px2rem(244, );
|
||||||
width: px2rem(142, );
|
width: px2rem(142, );
|
||||||
height: px2rem(42, );
|
height: px2rem(42, );
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-area{
|
.select-area {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: px2rem(750, );
|
width: px2rem(750, );
|
||||||
height: px2rem(730, );
|
height: px2rem(730, );
|
||||||
margin: px2rem(60, ) auto 0 ;
|
margin: px2rem(60, ) auto 0;
|
||||||
|
margin: 0.2rem auto 0;
|
||||||
background: url('../image/ring.png') no-repeat 0 0/100% 100%;
|
background: url('../image/ring.png') no-repeat 0 0/100% 100%;
|
||||||
div{
|
|
||||||
|
div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: px2rem(140, );
|
width: px2rem(140, );
|
||||||
height: px2rem(140, );
|
height: px2rem(140, );
|
||||||
&.active{
|
|
||||||
.default{
|
&.active {
|
||||||
|
.default {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.selected{
|
|
||||||
|
.selected {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:first-child{
|
|
||||||
|
&:first-child {
|
||||||
top: px2rem(-12, );
|
top: px2rem(-12, );
|
||||||
left: px2rem(306, );
|
left: px2rem(306, );
|
||||||
}
|
}
|
||||||
&:nth-child(2){
|
|
||||||
|
&:nth-child(2) {
|
||||||
top: px2rem(48, );
|
top: px2rem(48, );
|
||||||
left: px2rem(484, );
|
left: px2rem(484, );
|
||||||
}
|
}
|
||||||
&:nth-child(3){
|
|
||||||
|
&:nth-child(3) {
|
||||||
top: px2rem(200, );
|
top: px2rem(200, );
|
||||||
left: px2rem(596, );
|
left: px2rem(596, );
|
||||||
}
|
}
|
||||||
&:nth-child(4){
|
|
||||||
|
&:nth-child(4) {
|
||||||
top: px2rem(390, );
|
top: px2rem(390, );
|
||||||
left: px2rem(596, );
|
left: px2rem(596, );
|
||||||
}
|
}
|
||||||
&:nth-child(5){
|
|
||||||
|
&:nth-child(5) {
|
||||||
top: px2rem(542, );
|
top: px2rem(542, );
|
||||||
left: px2rem(486, );
|
left: px2rem(486, );
|
||||||
}
|
}
|
||||||
&:nth-child(6){
|
|
||||||
|
&:nth-child(6) {
|
||||||
top: px2rem(600, );
|
top: px2rem(600, );
|
||||||
left: px2rem(306, );
|
left: px2rem(306, );
|
||||||
}
|
}
|
||||||
&:nth-child(7){
|
|
||||||
|
&:nth-child(7) {
|
||||||
top: px2rem(542, );
|
top: px2rem(542, );
|
||||||
left: px2rem(125, );
|
left: px2rem(125, );
|
||||||
}
|
}
|
||||||
&:nth-child(8){
|
|
||||||
|
&:nth-child(8) {
|
||||||
top: px2rem(390, );
|
top: px2rem(390, );
|
||||||
left: px2rem(14, );
|
left: px2rem(14, );
|
||||||
}
|
}
|
||||||
&:nth-child(9){
|
|
||||||
|
&:nth-child(9) {
|
||||||
top: px2rem(200, );
|
top: px2rem(200, );
|
||||||
left: px2rem(14, );
|
left: px2rem(14, );
|
||||||
}
|
}
|
||||||
&:nth-child(10){
|
|
||||||
|
&:nth-child(10) {
|
||||||
top: px2rem(48, );
|
top: px2rem(48, );
|
||||||
left: px2rem(126, );
|
left: px2rem(126, );
|
||||||
}
|
}
|
||||||
img.fail{
|
|
||||||
|
img.fail {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
img.selected{
|
|
||||||
|
img.selected {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.desc, .prob{
|
|
||||||
|
.desc,
|
||||||
|
.prob {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -133,14 +158,17 @@ body{
|
|||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
&.fail{
|
|
||||||
|
&.fail {
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
&.success{
|
|
||||||
|
&.success {
|
||||||
font-size: px2rem(30, );
|
font-size: px2rem(30, );
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
span{
|
|
||||||
|
span {
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
text-shadow: 1px 1px 2px#478576,
|
text-shadow: 1px 1px 2px#478576,
|
||||||
@@ -152,25 +180,80 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.prob{
|
|
||||||
|
.prob {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.explore{
|
.tabBox {
|
||||||
width: px2rem(428, );
|
width: 90%;
|
||||||
height: px2rem(124, );
|
height: px2rem(94, );
|
||||||
line-height: px2rem(88, );
|
display: flex;
|
||||||
background: url('../image/explore-btn.png') no-repeat 0 0/100% 100%;
|
justify-content: space-between;
|
||||||
margin: px2rem(54, ) auto px2rem(12, );
|
margin: px2rem(31, ) auto;
|
||||||
&.again{
|
|
||||||
|
div {
|
||||||
|
width: px2rem(200, );
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid #49B598;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: px2rem(6, );
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
color: #CDD5D8;
|
||||||
|
font-size: px2rem(30, );
|
||||||
|
margin: px2rem(19, ) 0 px2rem(8, );
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
color: #CDD5D8;
|
||||||
|
font-size: px2rem(20, );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background: url(../image/tabBg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #11615D;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #11615D;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.explore {
|
||||||
|
// width: px2rem(428, );
|
||||||
|
// height: px2rem(124, );
|
||||||
|
// line-height: px2rem(88, );
|
||||||
|
// background: url('../image/explore-btn.png') no-repeat 0 0/100% 100%;
|
||||||
|
// margin: px2rem(54, ) auto px2rem(12, );
|
||||||
|
|
||||||
|
width: 5.4rem;
|
||||||
|
height: 1.3rem;
|
||||||
|
line-height: 1.3rem;
|
||||||
|
background: url(../image/explore-btn.png) no-repeat 0 0/100% 100%;
|
||||||
|
margin: -0.2rem auto 0rem;
|
||||||
|
|
||||||
|
&.again {
|
||||||
width: px2rem(406, );
|
width: px2rem(406, );
|
||||||
height: px2rem(100, );
|
height: px2rem(100, );
|
||||||
background-image: url('../image/play-again.png');
|
background-image: url('../image/play-again.png');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-explore{
|
.no-explore {
|
||||||
width: px2rem(200, );
|
width: px2rem(200, );
|
||||||
color: #FCFFE7;
|
color: #FCFFE7;
|
||||||
font-size: px2rem(20, );
|
font-size: px2rem(20, );
|
||||||
@@ -178,7 +261,7 @@ body{
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine{
|
.mine {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@@ -190,24 +273,29 @@ body{
|
|||||||
background-color: #0C6970;
|
background-color: #0C6970;
|
||||||
color: #FEF59B;
|
color: #FEF59B;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
.avatar{
|
|
||||||
|
.avatar {
|
||||||
width: px2rem(72, );
|
width: px2rem(72, );
|
||||||
height: px2rem(72, );
|
height: px2rem(72, );
|
||||||
margin-left: px2rem(32, );
|
margin-left: px2rem(32, );
|
||||||
margin-right: px2rem(16, );
|
margin-right: px2rem(16, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.nick{
|
|
||||||
|
.nick {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.diamond-num{
|
|
||||||
|
.diamond-num {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-right: px2rem(6, );
|
margin-right: px2rem(6, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
@@ -215,28 +303,32 @@ body{
|
|||||||
width: px2rem(55, );
|
width: px2rem(55, );
|
||||||
height: px2rem(45, );
|
height: px2rem(45, );
|
||||||
}
|
}
|
||||||
p{
|
|
||||||
|
p {
|
||||||
border: px2rem(4, ) #71CEC4 solid;
|
border: px2rem(4, ) #71CEC4 solid;
|
||||||
border-radius: px2rem(20, );
|
border-radius: px2rem(20, );
|
||||||
padding: px2rem(6, ) px2rem(8, ) px2rem(6, ) px2rem(40, );
|
padding: px2rem(6, ) px2rem(8, ) px2rem(6, ) px2rem(40, );
|
||||||
background-color: #223B46;
|
background-color: #223B46;
|
||||||
color: rgba($color: #71CEC4, $alpha: .7);
|
color: rgba($color: #71CEC4, $alpha: .7);
|
||||||
span{
|
|
||||||
|
span {
|
||||||
color: #FEF59B;
|
color: #FEF59B;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.recharge-icon{
|
|
||||||
|
.recharge-icon {
|
||||||
margin-right: px2rem(22, );
|
margin-right: px2rem(22, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: px2rem(22, );
|
width: px2rem(22, );
|
||||||
height: px2rem(22, );
|
height: px2rem(22, );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask{
|
.shade-mask {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -245,7 +337,8 @@ body{
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: rgba($color: #000000, $alpha: .7);
|
background-color: rgba($color: #000000, $alpha: .7);
|
||||||
.shade-content{
|
|
||||||
|
.shade-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -253,12 +346,14 @@ body{
|
|||||||
width: px2rem(654, );
|
width: px2rem(654, );
|
||||||
height: px2rem(616, );
|
height: px2rem(616, );
|
||||||
background: url('../image/rule-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../image/rule-bg.png') no-repeat 0 0/100% 100%;
|
||||||
p{
|
|
||||||
|
p {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
height: 76%;
|
height: 76%;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
margin: px2rem(120, ) auto px2rem(0, );
|
margin: px2rem(120, ) auto px2rem(0, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: px2rem(392, );
|
width: px2rem(392, );
|
||||||
height: px2rem(1032, );
|
height: px2rem(1032, );
|
||||||
}
|
}
|
||||||
@@ -266,7 +361,10 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shade-mask-recharge, .result-shade, .table-shade, .not-enough{
|
.shade-mask-recharge,
|
||||||
|
.result-shade,
|
||||||
|
.table-shade,
|
||||||
|
.not-enough {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -275,7 +373,8 @@ body{
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: rgba($color: #000000, $alpha: .7);
|
background-color: rgba($color: #000000, $alpha: .7);
|
||||||
.shade-content-recharge{
|
|
||||||
|
.shade-content-recharge {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -287,47 +386,55 @@ body{
|
|||||||
height: px2rem(600, );
|
height: px2rem(600, );
|
||||||
background: url('../image/recharge-bg.png') no-repeat 0 0/100% 100%;
|
background: url('../image/recharge-bg.png') no-repeat 0 0/100% 100%;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
.planet-num, .recharge-title{
|
|
||||||
|
.planet-num,
|
||||||
|
.recharge-title {
|
||||||
font-size: px2rem(30, );
|
font-size: px2rem(30, );
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
margin: px2rem(60, ) 0 px2rem(0, );
|
margin: px2rem(60, ) 0 px2rem(0, );
|
||||||
text-shadow: 1px 1px 2px#478576,
|
text-shadow: 1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576,
|
-1px -1px 2px#478576,
|
||||||
1px 1px 2px#478576,
|
1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576,
|
-1px -1px 2px#478576,
|
||||||
1px 1px 2px#478576,
|
1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576;
|
-1px -1px 2px#478576;
|
||||||
}
|
}
|
||||||
.recharge-title{
|
|
||||||
|
.recharge-title {
|
||||||
margin: px2rem(20, ) 0 px2rem(44, );
|
margin: px2rem(20, ) 0 px2rem(44, );
|
||||||
}
|
}
|
||||||
.headwear{
|
|
||||||
|
.headwear {
|
||||||
width: px2rem(130, );
|
width: px2rem(130, );
|
||||||
height: px2rem(130, );
|
height: px2rem(130, );
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.headwear-day{
|
|
||||||
|
.headwear-day {
|
||||||
color: #EBF9C0;
|
color: #EBF9C0;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: px2rem(46, );
|
margin-top: px2rem(46, );
|
||||||
}
|
}
|
||||||
.headwear-price{
|
|
||||||
|
.headwear-price {
|
||||||
color: #ECF2BD;
|
color: #ECF2BD;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: px2rem(46, );
|
margin-top: px2rem(46, );
|
||||||
text-shadow: 1px 1px 2px#478576,
|
text-shadow: 1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576,
|
-1px -1px 2px#478576,
|
||||||
1px 1px 2px#478576,
|
1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576,
|
-1px -1px 2px#478576,
|
||||||
1px 1px 2px#478576,
|
1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576;
|
-1px -1px 2px#478576;
|
||||||
}
|
}
|
||||||
.recharge-btn{
|
|
||||||
|
.recharge-btn {
|
||||||
width: px2rem(264, );
|
width: px2rem(264, );
|
||||||
height: px2rem(72, );
|
height: px2rem(72, );
|
||||||
background: url('../image/recharge-btn.png') no-repeat 0 0/100% 100%;
|
background: url('../image/recharge-btn.png') no-repeat 0 0/100% 100%;
|
||||||
@@ -335,7 +442,8 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.svga{
|
|
||||||
|
.svga {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -345,34 +453,40 @@ body{
|
|||||||
height: px2rem(1334, );
|
height: px2rem(1334, );
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-shade{
|
.result-shade {
|
||||||
.result-content{
|
.result-content {
|
||||||
width: px2rem(654, );
|
width: px2rem(654, );
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
&.success, &.fail{
|
|
||||||
|
&.success,
|
||||||
|
&.fail {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: px2rem(716, );
|
height: px2rem(716, );
|
||||||
background: url('../image/success.png') no-repeat 0 0/100% 100%;
|
background: url('../image/success.png') no-repeat 0 0/100% 100%;
|
||||||
img{
|
|
||||||
|
img {
|
||||||
width: px2rem(165, );
|
width: px2rem(165, );
|
||||||
height: px2rem(155, );
|
height: px2rem(155, );
|
||||||
margin-top: px2rem(270, );
|
margin-top: px2rem(270, );
|
||||||
}
|
}
|
||||||
p{
|
|
||||||
|
p {
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #EBF9C0;
|
color: #EBF9C0;
|
||||||
margin-top: px2rem(58, );
|
margin-top: px2rem(58, );
|
||||||
span{
|
|
||||||
|
span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
div{
|
|
||||||
|
div {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
@@ -386,26 +500,30 @@ body{
|
|||||||
-1px -1px 2px#478576,
|
-1px -1px 2px#478576,
|
||||||
1px 1px 2px#478576,
|
1px 1px 2px#478576,
|
||||||
-1px -1px 2px#478576;
|
-1px -1px 2px#478576;
|
||||||
span{
|
|
||||||
|
span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.fail{
|
|
||||||
|
&.fail {
|
||||||
height: px2rem(616, );
|
height: px2rem(616, );
|
||||||
background: url('../image/fail.png') no-repeat 0 0/100% 100%;
|
background: url('../image/fail.png') no-repeat 0 0/100% 100%;
|
||||||
img{
|
|
||||||
|
img {
|
||||||
margin-top: px2rem(170, );
|
margin-top: px2rem(170, );
|
||||||
}
|
}
|
||||||
div{
|
|
||||||
|
div {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-shade{
|
.table-shade {
|
||||||
.table-content{
|
.table-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -414,6 +532,7 @@ body{
|
|||||||
height: px2rem(720, );
|
height: px2rem(720, );
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: px2rem(10, );
|
border-radius: px2rem(10, );
|
||||||
|
|
||||||
.table-wrap {
|
.table-wrap {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -424,24 +543,25 @@ body{
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: px2rem(10, );
|
border-radius: px2rem(10, );
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: px2rem(10, );
|
padding: px2rem(10, );
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
|
|
||||||
tr {
|
tr {
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24, );
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: px2rem(80, );
|
height: px2rem(80, );
|
||||||
border-bottom: 1px solid pink;
|
border-bottom: 1px solid pink;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
th {
|
th {
|
||||||
color: #652DAD;
|
color: #652DAD;
|
||||||
width: 1.9rem;
|
width: 1.9rem;
|
||||||
line-height: px2rem(80, );
|
line-height: px2rem(80, );
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
color: #333;
|
color: #333;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -451,6 +571,7 @@ body{
|
|||||||
// word-break: break-all;
|
// word-break: break-all;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
max-width: 2.5rem;
|
max-width: 2.5rem;
|
||||||
display: block;
|
display: block;
|
||||||
@@ -458,6 +579,7 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 暂无数据
|
// 暂无数据
|
||||||
.noData {
|
.noData {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -472,7 +594,8 @@ body{
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.close-record{
|
|
||||||
|
.close-record {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2rem(-60, );
|
top: px2rem(-60, );
|
||||||
right: px2rem(20, );
|
right: px2rem(20, );
|
||||||
@@ -481,8 +604,9 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.not-enough{
|
|
||||||
.not-enough-content{
|
.not-enough {
|
||||||
|
.not-enough-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -490,7 +614,8 @@ body{
|
|||||||
width: px2rem(500, );
|
width: px2rem(500, );
|
||||||
height: px2rem(360, );
|
height: px2rem(360, );
|
||||||
background: url('../image/not-enough.png') no-repeat 0 0/100% 100%;
|
background: url('../image/not-enough.png') no-repeat 0 0/100% 100%;
|
||||||
.go-to-recharge{
|
|
||||||
|
.go-to-recharge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
@@ -500,6 +625,7 @@ body{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar{
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 215 KiB |
BIN
view/peko/modules/spirit/image/tabBg.png
Normal file
BIN
view/peko/modules/spirit/image/tabBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
@@ -19,11 +19,19 @@ let requestStatus = false;
|
|||||||
let prizeRecord = [];//中獎記錄
|
let prizeRecord = [];//中獎記錄
|
||||||
var page = 0;// 頁數
|
var page = 0;// 頁數
|
||||||
var size = 10;// 每頁展示n個
|
var size = 10;// 每頁展示n個
|
||||||
|
|
||||||
let selectDays = window.sessionStorage.getItem('selectDays')
|
let selectDays = window.sessionStorage.getItem('selectDays')
|
||||||
let userSelectInfo = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
|
let userSelectInfo = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
|
||||||
let { diamondNum, selectSrc, prodID, limitPurchaseSwitch, giftName } = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
|
// let { diamondNum, selectSrc, prodID, limitPurchaseSwitch, giftName } = JSON.parse(window.sessionStorage.getItem('userSelectInfo'))
|
||||||
|
var limitPurchaseSwitch;
|
||||||
|
var giftNameArr = [];
|
||||||
|
var giftName = [];
|
||||||
|
var diamondNum = 1000;
|
||||||
|
let prodIDArr = [];
|
||||||
|
var selectSrcArr = [];
|
||||||
|
var selectSrc = [];
|
||||||
|
var remainDayArr = [];
|
||||||
|
var userRemainDay;
|
||||||
|
var prodID;
|
||||||
// 小動物數組
|
// 小動物數組
|
||||||
let animalArr = [
|
let animalArr = [
|
||||||
{
|
{
|
||||||
@@ -71,7 +79,9 @@ let animalArr = [
|
|||||||
$(function () {
|
$(function () {
|
||||||
getInfoFromClient()
|
getInfoFromClient()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
getUserInfo()
|
getUserInfo();
|
||||||
|
headwearFun();
|
||||||
|
getLimitInfo();
|
||||||
}, 50)
|
}, 50)
|
||||||
if (EnvCheck() == 'test') {
|
if (EnvCheck() == 'test') {
|
||||||
new VConsole();
|
new VConsole();
|
||||||
@@ -90,7 +100,85 @@ $(function () {
|
|||||||
} else {
|
} else {
|
||||||
roomId = 1351326
|
roomId = 1351326
|
||||||
}
|
}
|
||||||
|
console.log(window.screen.height);
|
||||||
|
if (window.screen.height > 667) {
|
||||||
|
$('.explore').css('margin', '0.8rem auto 0rem')
|
||||||
|
} else if (window.screen.height < 667) {
|
||||||
|
$('html,body').css('height', "18rem")
|
||||||
|
}
|
||||||
|
// 獲取頭飾限購信息
|
||||||
|
function getLimitInfo () {
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/seekElfin/limit/purchase/display',
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
limitPurchaseSwitch = res.data.limitPurchaseSwitch
|
||||||
|
if (limitPurchaseSwitch) {
|
||||||
|
list = res.data.list
|
||||||
|
let str = ''
|
||||||
|
list.map((item) => {
|
||||||
|
remainDayArr.push(item.remainDay)
|
||||||
|
})
|
||||||
|
userRemainDay = [remainDayArr[0]]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, '報錯啦');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 獲取頭飾請求
|
||||||
|
function headwearFun () {
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/seekElfin/product/list',
|
||||||
|
data: {
|
||||||
|
uid: pubInfo.uid
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
res.data.forEach(res => {
|
||||||
|
if (res.prodId == 1) {
|
||||||
|
prodIDArr[0] = res.prodId
|
||||||
|
prodID = res.prodId
|
||||||
|
} else if (res.prodId == 2) {
|
||||||
|
prodIDArr[1] = res.prodId
|
||||||
|
} else {
|
||||||
|
prodIDArr[2] = res.prodId
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log('prodIDArr', prodIDArr);
|
||||||
|
headwearArr = res.data;
|
||||||
|
// 設置頭飾
|
||||||
|
headwearArr.map((item, index) => {
|
||||||
|
giftNameArr[index] = item.giftName;
|
||||||
|
selectSrcArr[index] = item.headwearPic;
|
||||||
|
selectSrc = selectSrcArr[0];
|
||||||
|
})
|
||||||
|
console.log('giftNameArr', giftNameArr);
|
||||||
|
} else if (res.code == 80002) {
|
||||||
|
isNeedUpgrade = true
|
||||||
|
return toastMsg('當前版本過低，請前往升級最高版本使用~')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
console.log(res, '報錯啦');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
// tab切换
|
||||||
|
$('.tabBox div').click(function () {
|
||||||
|
var index = $(this).index();
|
||||||
|
$(this).addClass('active').siblings().removeClass('active');
|
||||||
|
diamondNum = Number($(this).children('span').children('b'));
|
||||||
|
selectSrc = selectSrcArr[index];
|
||||||
|
giftName = giftNameArr[index];
|
||||||
|
userRemainDay = remainDayArr[index];
|
||||||
|
prodID = prodIDArr[index];
|
||||||
|
})
|
||||||
const animation = () => {
|
const animation = () => {
|
||||||
$('.select-area')
|
$('.select-area')
|
||||||
.animate({ scale: 0.25 }, 0)
|
.animate({ scale: 0.25 }, 0)
|
||||||
@@ -103,7 +191,7 @@ $(function () {
|
|||||||
let index = $(this).index()
|
let index = $(this).index()
|
||||||
if (!$(this).hasClass('active')) {
|
if (!$(this).hasClass('active')) {
|
||||||
currentNum++
|
currentNum++
|
||||||
if (!limitPurchaseSwitch) {
|
if (true) {//!limitPurchaseSwitch
|
||||||
if (currentNum <= MAX_NUM) {
|
if (currentNum <= MAX_NUM) {
|
||||||
$(this).addClass('active')
|
$(this).addClass('active')
|
||||||
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
|
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
|
||||||
@@ -226,7 +314,7 @@ $(function () {
|
|||||||
if (currentNum == 0) {
|
if (currentNum == 0) {
|
||||||
toastMsg('請選擇小動物~')
|
toastMsg('請選擇小動物~')
|
||||||
} else if (selectDays != currentNum && !$(this).hasClass('again')) {
|
} else if (selectDays != currentNum && !$(this).hasClass('again')) {
|
||||||
let headwearName = diamondNum == 10 ? '初級頭飾' : (diamondNum == 100 ? '中級頭飾' : '高級頭飾')
|
let headwearName = diamondNum == 1000 ? '初級頭飾' : (diamondNum == 10000 ? '中級頭飾' : '高級頭飾')
|
||||||
$('.planet-num span').html(currentNum)
|
$('.planet-num span').html(currentNum)
|
||||||
$('.headwear img').attr('src', selectSrc)
|
$('.headwear img').attr('src', selectSrc)
|
||||||
$('.headwear-day').html(`${headwearName}${currentNum}天`)
|
$('.headwear-day').html(`${headwearName}${currentNum}天`)
|
||||||
@@ -237,7 +325,8 @@ $(function () {
|
|||||||
if (window.sessionStorage.getItem('leftDays') != null) {
|
if (window.sessionStorage.getItem('leftDays') != null) {
|
||||||
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
||||||
} else {
|
} else {
|
||||||
leftDays = userSelectInfo.userRemainDay - currentNum
|
// leftDays = userSelectInfo.userRemainDay - currentNum
|
||||||
|
leftDays = userRemainDay - currentNum
|
||||||
}
|
}
|
||||||
window.sessionStorage.setItem('leftDays', leftDays)
|
window.sessionStorage.setItem('leftDays', leftDays)
|
||||||
if (userDiamonds < diamondNum * currentNum) {
|
if (userDiamonds < diamondNum * currentNum) {
|
||||||
@@ -268,7 +357,8 @@ $(function () {
|
|||||||
if (window.sessionStorage.getItem('leftDays') != null) {
|
if (window.sessionStorage.getItem('leftDays') != null) {
|
||||||
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
||||||
} else {
|
} else {
|
||||||
leftDays = userSelectInfo.userRemainDay - currentNum
|
// leftDays = userSelectInfo.userRemainDay - currentNum
|
||||||
|
leftDays = userRemainDay - currentNum
|
||||||
}
|
}
|
||||||
window.sessionStorage.setItem('leftDays', leftDays)
|
window.sessionStorage.setItem('leftDays', leftDays)
|
||||||
|
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
<link rel="stylesheet" href="css/dropload.css">
|
<link rel="stylesheet" href="css/dropload.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<div class="canSelect">可以探访<span>0</span>个小动物的家寻找小精灵</div>
|
<div class="canSelect">可以探访<span>0</span>个小动物的家寻找小精灵</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -79,8 +79,22 @@
|
|||||||
<p class="desc">请选择要去探访的小动物</p>
|
<p class="desc">请选择要去探访的小动物</p>
|
||||||
<p class="prob"></p>
|
<p class="prob"></p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tabBox">
|
||||||
|
<div class="active">
|
||||||
|
<p>初級探訪</p>
|
||||||
|
<span><b>1000</b>鉆/个</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>中級探訪</p>
|
||||||
|
<span><b>10000</b>鉆/个</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>高級探訪</p>
|
||||||
|
<span><b>100000</b>鉆/个</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="explore"></div>
|
<div class="explore"></div>
|
||||||
<div class="no-explore">暂不寻找小精灵</div>
|
<div class="no-explore" style="display: none;">暂不寻找小精灵</div>
|
||||||
<div class="mine">
|
<div class="mine">
|
||||||
<div class="avatar"><img src="./image/logo.png" alt=""></div>
|
<div class="avatar"><img src="./image/logo.png" alt=""></div>
|
||||||
<div class="nick"></div>
|
<div class="nick"></div>
|
||||||
@@ -99,7 +113,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="not-enough">
|
<div class="not-enough">
|
||||||
<div class="not-enough-content"><div class="go-to-recharge"></div></div>
|
<div class="not-enough-content">
|
||||||
|
<div class="go-to-recharge"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="shade-mask-recharge">
|
<div class="shade-mask-recharge">
|
||||||
|
|||||||
@@ -56,6 +56,7 @@
|
|||||||
<p v-else-if="tab === 11 && item1.objType === 71">CP邀请退还</p>
|
<p v-else-if="tab === 11 && item1.objType === 71">CP邀请退还</p>
|
||||||
<p v-else-if="tab === 11 && item1.objType === 89">{{item1.targetNick}}赠送鉆石</p>
|
<p v-else-if="tab === 11 && item1.objType === 89">{{item1.targetNick}}赠送鉆石</p>
|
||||||
<p v-else-if="tab === 11 && item1.objType === 62">首充礼包获得钻石</p>
|
<p v-else-if="tab === 11 && item1.objType === 62">首充礼包获得钻石</p>
|
||||||
|
<p v-else-if="tab === 11 && item1.objType === 88">星级厨房奖励</p>
|
||||||
<!-- <p v-else-if="tab === 11 || !item1.targetNick">{{ item1.srcNick }}</p> -->
|
<!-- <p v-else-if="tab === 11 || !item1.targetNick">{{ item1.srcNick }}</p> -->
|
||||||
<p v-if="tab === 12 && item1.objType === 40">全服红包-发生在{{ item1.roomTitle }}</p>
|
<p v-if="tab === 12 && item1.objType === 40">全服红包-发生在{{ item1.roomTitle }}</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 39">房间红包-发生在{{ item1.roomTitle }}</p>
|
<p v-else-if="tab === 12 && item1.objType === 39">房间红包-发生在{{ item1.roomTitle }}</p>
|
||||||
@@ -74,6 +75,7 @@
|
|||||||
<p v-else-if="tab === 12 && item1.objType === 86">航海冒险礼包支出</p>
|
<p v-else-if="tab === 12 && item1.objType === 86">航海冒险礼包支出</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 31">购买座驾支出</p>
|
<p v-else-if="tab === 12 && item1.objType === 31">购买座驾支出</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 32">赠送座驾支出</p>
|
<p v-else-if="tab === 12 && item1.objType === 32">赠送座驾支出</p>
|
||||||
|
<p v-else-if="tab === 12 && item1.objType === 87">星级厨房抽奖</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
||||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||||
<p
|
<p
|
||||||
|
|||||||
@@ -7,8 +7,8 @@ Vue.use(Router);
|
|||||||
var routers = new Router({
|
var routers = new Router({
|
||||||
routes: [
|
routes: [
|
||||||
{ path: '/rank', name: 'rank', component: () => import('@/view/rank/Rank.vue'), meta: { title: '排行榜' } },
|
{ path: '/rank', name: 'rank', component: () => import('@/view/rank/Rank.vue'), meta: { title: '排行榜' } },
|
||||||
{ path: '/wishingWellRank', name: 'wishingWellRank', meta: { title: '许愿池榜单' }, component: () => import('@/view/rank/WishingWellRank.vue') },
|
{ path: '/wishingWellRank', name: 'wishingWellRank', meta: { title: '榜单' }, component: () => import('@/view/rank/WishingWellRank.vue') },
|
||||||
{ path: '/wishingWellRecord', name: 'wishingWellRecord', meta: { title: '许愿池中奖记录' }, component: () => import('@/view/rank/WishingWellRecord.vue') },
|
{ path: '/wishingWellRecord', name: 'wishingWellRecord', meta: { title: '中奖记录' }, component: () => import('@/view/rank/WishingWellRecord.vue') },
|
||||||
{ path: '/wishingWellRule', name: 'wishingWellRule', meta: { title: '玩法规则' }, component: () => import('@/view/rank/wishingWellRule.vue') },
|
{ path: '/wishingWellRule', name: 'wishingWellRule', meta: { title: '玩法规则' }, component: () => import('@/view/rank/wishingWellRule.vue') },
|
||||||
{ path: '/DiamondLog', name: 'DiamondLog', meta: { title: '鉆石记录' }, component: () => import('@/view/rank/DiamondLog.vue') },
|
{ path: '/DiamondLog', name: 'DiamondLog', meta: { title: '鉆石记录' }, component: () => import('@/view/rank/DiamondLog.vue') },
|
||||||
// { path: '/diamond', name: 'diamond', meta: { title: '鉆石记录' }, component: () => import('@/view/my/diamond.vue') },
|
// { path: '/diamond', name: 'diamond', meta: { title: '鉆石记录' }, component: () => import('@/view/my/diamond.vue') },
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="max">
|
<div class="max">
|
||||||
<!-- <div class="content"> -->
|
<!-- <div class="content"> -->
|
||||||
<p class="tit">获奖记录</p>
|
<!-- <p class="tit">获奖记录</p> -->
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<van-list
|
<van-list
|
||||||
v-model="loading"
|
v-model="loading"
|
||||||
|
|||||||
Reference in New Issue
Block a user