小精灵去除选择头饰逻辑，修改糖果树规则，修复星际厨娘游戏记录错误问题
This commit is contained in:
Dragon
@@ -1,155 +1,142 @@
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
font-family: "pingfang-bold";
|
||||
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");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
font-family: "din-medium";
|
||||
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");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'pingfang-medium';
|
||||
font-family: "pingfang-medium";
|
||||
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");
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
display: block;
|
||||
content: ' ';
|
||||
clear: both;
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
.img {
|
||||
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%;
|
||||
}
|
||||
|
||||
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;
|
||||
.img p {
|
||||
text-align: center;
|
||||
margin-top: 0.58667rem;
|
||||
margin-bottom: 0.21333rem;
|
||||
width: 1.3333333333%rem;
|
||||
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;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 9.04rem;
|
||||
height: 0.58667rem;
|
||||
background-color: #F46331;
|
||||
margin: auto;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.2666666667rem;
|
||||
margin: 0.2rem auto 0;
|
||||
}
|
||||
|
||||
ul.record-list li.record-item .award .text {
|
||||
font-size: 0.37333rem;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
margin-left: 0.32rem;
|
||||
.record-list li .goldBox span {
|
||||
color: #fff;
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
|
||||
ul.record-list li.record-item .award .diamond-num {
|
||||
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 {
|
||||
.record-list li .goldBox .gold {
|
||||
font-size: 0.3466666667rem;
|
||||
color: #FEEF60;
|
||||
}
|
||||
|
||||
ul.record-list li.record-item ul.award-animal li.animal-item div {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
background: url("../images/little-bubble.png") no-repeat 0 0/100% 100%;
|
||||
.record-list li .marine_organism {
|
||||
width: 78%;
|
||||
height: 2.1333333333rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
ul.record-list li.record-item ul.award-animal li.animal-item div img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
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 {
|
||||
.record-list li .marine_organism span {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
||||
@@ -10,7 +10,7 @@
|
||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf');
|
||||
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
|
||||
@@ -18,7 +18,7 @@
|
||||
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'pingfang-medium';
|
||||
src: url('../../../common/fonts/PingFang-Medium.ttf');
|
||||
src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
|
||||
@@ -26,125 +26,147 @@
|
||||
url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
|
||||
}
|
||||
|
||||
.clearfix:after{
|
||||
display:block;
|
||||
content:' ';
|
||||
clear:both;
|
||||
}
|
||||
.clearfix{
|
||||
*zoom:1;//兼容到ie6
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||
}
|
||||
|
||||
html,body{
|
||||
font-family: 'pingfang-bold';
|
||||
background-image: linear-gradient(#E6AD6A, #F9CA92) ;
|
||||
.img {
|
||||
position: fixed;
|
||||
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{
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
padding-top: px2rem(52);
|
||||
box-sizing: border-box;
|
||||
li.record-item{
|
||||
.record-list {
|
||||
width: px2rem(750, );
|
||||
margin: px2rem(30, ) auto;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
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;
|
||||
width: px2rem(750);
|
||||
height: px2rem(420);
|
||||
background: url('../images/record/record-bg.png') no-repeat 0 0/100% 100%;
|
||||
margin-bottom: px2rem(30);
|
||||
.time{
|
||||
font-family: 'pingfang-medium';
|
||||
font-size: px2rem(26);
|
||||
color: white;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
line-height: 0.7rem;
|
||||
text-align: center;
|
||||
margin-top: px2rem(44);
|
||||
margin-bottom: px2rem(16);
|
||||
color: #fff;
|
||||
margin: 0.3rem auto -0.3rem;
|
||||
|
||||
}
|
||||
.award{
|
||||
|
||||
.goldBox {
|
||||
width: 90%;
|
||||
height: px2rem(44, );
|
||||
line-height: px2rem(44, );
|
||||
background: #F46331;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: px2rem(678);
|
||||
height: px2rem(44);
|
||||
background-color: #F46331;
|
||||
margin: auto;
|
||||
.text{
|
||||
font-size: px2rem(28);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(24);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20, );
|
||||
margin: 0.2rem auto 0;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
font-size: px2rem(28, );
|
||||
}
|
||||
.diamond-num{
|
||||
font-family: 'din-medium';
|
||||
font-size: px2rem(26);
|
||||
color: white;
|
||||
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;
|
||||
|
||||
.gold {
|
||||
font-size: px2rem(26, );
|
||||
color: #FEEF60;
|
||||
}
|
||||
}
|
||||
ul.award-animal{
|
||||
|
||||
.marine_organism {
|
||||
// width: px2rem(560, );
|
||||
width: 78%;
|
||||
height: px2rem(160, );
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 px2rem(50) 0 px2rem(60);
|
||||
// margin-left: px2rem(60);
|
||||
li.animal-item{
|
||||
// float: left;
|
||||
width: 25%;
|
||||
margin: px2rem(20) 0;
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
align-items: center;
|
||||
&.active{
|
||||
margin: px2rem(10) 0;
|
||||
div{
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
background: url('../images/little-bubble-active.png') no-repeat 0 0/100% 100%;
|
||||
}
|
||||
span{
|
||||
color: #FEEF60;
|
||||
}
|
||||
|
||||
span {
|
||||
width: px2rem(120, );
|
||||
height: px2rem(120, );
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(54, );
|
||||
height: px2rem(47, );
|
||||
display: block;
|
||||
}
|
||||
div{
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
background: url('../images/little-bubble.png') no-repeat 0 0/100% 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
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;
|
||||
color: white;
|
||||
margin-left: px2rem(8);
|
||||
font-size: px2rem(24, );
|
||||
}
|
||||
}
|
||||
}
|
||||
.tip{
|
||||
font-family: 'pingfang-medium';
|
||||
font-size: px2rem(20);
|
||||
color: white;
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
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>
|
||||
<div class="cyfs">
|
||||
<p class="title">参与方式</p>
|
||||
用戶可通過花費「碎片」參與《星級廚房》遊戲，「碎片」為購買商店內頭飾的贈品，每次最少消耗1個碎片，每回合時間30秒
|
||||
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗1000鉆石，每回合時間30秒
|
||||
<p class="jietu"><img src="./images/t1.png" alt=""></p>
|
||||
</div>
|
||||
<div class="lwff">
|
||||
|
||||
@@ -1,23 +1,14 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
if (EnvCheck() === 'test') new VConsole
|
||||
// 获取用户的游戏记录
|
||||
let recordList = []
|
||||
let page = 1
|
||||
let pageSize = 10
|
||||
let canNext = true;
|
||||
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = () => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content: '加載中...',
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
|
||||
var lisIndex = 0;
|
||||
const toastMsg = (content = '', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
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 () {
|
||||
getInfoFromClient()
|
||||
if (EnvCheck() === 'test') { new VConsole }
|
||||
setTimeout(function () {
|
||||
getUserRecord()
|
||||
}, 50)
|
||||
// 監聽滾動
|
||||
$('ul').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('ul')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (isLock) {
|
||||
// 請求下一頁
|
||||
if (canNext) {
|
||||
getUserRecord(page++)
|
||||
isLock = false
|
||||
}, 100)
|
||||
|
||||
const getUserRecord = () => {
|
||||
canNext = false
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/act/luckySea/listDrawRecord',
|
||||
data: {
|
||||
page,
|
||||
pageSize
|
||||
},
|
||||
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>
|
||||
</li>
|
||||
<li class="taskList4">
|
||||
<b>幸运糖果树获得一个飞天小魔女可领取3个鞭炮</b>
|
||||
<b>尋愛之旅获得一个飞天小魔女可领取3个鞭炮</b>
|
||||
<span></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -541,8 +541,8 @@ function getInfoFromClient () {
|
||||
|
||||
} else {
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = 0;
|
||||
pubInfo.ticket = "0";
|
||||
pubInfo.uid = 1407;
|
||||
pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoxNDA3LCJ0aWNrZXRfaWQiOiIyYmNmNzYwZC05ZjQyLTQ1MWItYjE5Ny0yYzBmNjg1ZjA0NTIiLCJleHAiOjM2MDAsImNsaWVudF9pZCI6ImVyYmFuLWNsaWVudCJ9.gTbpYUZl65KkoDxhSjC8OPkfroXQk4mgb_C-fnVSYN4";
|
||||
// pubInfo.uid = "";
|
||||
// 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}}([]);
|
||||
//# sourceMappingURL=manifest.b8604ceeba8130d080dd.js.map
|
||||
!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.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="active">
|
||||
<span class="tab-name">幸运糖果树</span>
|
||||
<span class="tab-name">尋愛之旅</span>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<div style="display: none;">
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
|
||||
<div class="tab">
|
||||
<div class="active">
|
||||
<span class="tab-name">幸运糖果树</span>
|
||||
<span class="tab-name">尋愛之旅</span>
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
<div style="display: none;">
|
||||
|
||||
@@ -1,134 +1,122 @@
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
font-family: "pingfang-bold";
|
||||
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");
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100vh;
|
||||
height: 17.78667rem;
|
||||
height: auto;
|
||||
background: url("../image/main-bg.png") no-repeat 0 0/100% 100%;
|
||||
background-color: #014459;
|
||||
font-family: 'pingfang-bold';
|
||||
font-family: "pingfang-bold";
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 10rem;
|
||||
height: 3.17333rem;
|
||||
height: 3.1733333333rem;
|
||||
background: url("../image/main-title.png") no-repeat 0 0/100% 100%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.title .canSelect {
|
||||
color: white;
|
||||
font-size: 0.26667rem;
|
||||
font-size: 0.2666666667rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 2.61333rem;
|
||||
margin-top: 2.6133333333rem;
|
||||
}
|
||||
|
||||
.introduction-btn {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 3.25333rem;
|
||||
width: 1.89333rem;
|
||||
top: 3.2533333333rem;
|
||||
width: 1.8933333333rem;
|
||||
height: 0.56rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.record-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 3.25333rem;
|
||||
width: 1.89333rem;
|
||||
top: 3.2533333333rem;
|
||||
width: 1.8933333333rem;
|
||||
height: 0.56rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.select-area {
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 9.73333rem;
|
||||
height: 9.7333333333rem;
|
||||
margin: 0.8rem auto 0;
|
||||
margin: 0.2rem auto 0;
|
||||
background: url("../image/ring.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.select-area div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
width: 1.86667rem;
|
||||
height: 1.86667rem;
|
||||
width: 1.8666666667rem;
|
||||
height: 1.8666666667rem;
|
||||
}
|
||||
|
||||
.select-area div.active .default {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select-area div.active .selected {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.select-area div:first-child {
|
||||
top: -0.16rem;
|
||||
left: 4.08rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(2) {
|
||||
top: 0.64rem;
|
||||
left: 6.45333rem;
|
||||
left: 6.4533333333rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(3) {
|
||||
top: 2.66667rem;
|
||||
left: 7.94667rem;
|
||||
top: 2.6666666667rem;
|
||||
left: 7.9466666667rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(4) {
|
||||
top: 5.2rem;
|
||||
left: 7.94667rem;
|
||||
left: 7.9466666667rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(5) {
|
||||
top: 7.22667rem;
|
||||
top: 7.2266666667rem;
|
||||
left: 6.48rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(6) {
|
||||
top: 8rem;
|
||||
left: 4.08rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(7) {
|
||||
top: 7.22667rem;
|
||||
left: 1.66667rem;
|
||||
top: 7.2266666667rem;
|
||||
left: 1.6666666667rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(8) {
|
||||
top: 5.2rem;
|
||||
left: 0.18667rem;
|
||||
left: 0.1866666667rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(9) {
|
||||
top: 2.66667rem;
|
||||
left: 0.18667rem;
|
||||
top: 2.6666666667rem;
|
||||
left: 0.1866666667rem;
|
||||
}
|
||||
|
||||
.select-area div:nth-child(10) {
|
||||
top: 0.64rem;
|
||||
left: 1.68rem;
|
||||
}
|
||||
|
||||
.select-area div img.fail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select-area div img.selected {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select-area .desc, .select-area .prob {
|
||||
.select-area .desc,
|
||||
.select-area .prob {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -140,45 +128,84 @@ body {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.select-area .desc.fail, .select-area .prob.fail {
|
||||
.select-area .desc.fail,
|
||||
.select-area .prob.fail {
|
||||
color: #ECF2BD;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.select-area .desc.success, .select-area .prob.success {
|
||||
.select-area .desc.success,
|
||||
.select-area .prob.success {
|
||||
font-size: 0.4rem;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.select-area .desc.success span, .select-area .prob.success span {
|
||||
.select-area .desc.success span,
|
||||
.select-area .prob.success span {
|
||||
font-size: 0.32rem;
|
||||
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;
|
||||
}
|
||||
|
||||
.select-area .prob {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.explore {
|
||||
width: 5.70667rem;
|
||||
height: 1.65333rem;
|
||||
line-height: 1.17333rem;
|
||||
background: url("../image/explore-btn.png") no-repeat 0 0/100% 100%;
|
||||
margin: 0.72rem auto 0.16rem;
|
||||
.tabBox {
|
||||
width: 90%;
|
||||
height: 1.2533333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
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 {
|
||||
width: 5.41333rem;
|
||||
height: 1.33333rem;
|
||||
width: 5.4133333333rem;
|
||||
height: 1.3333333333rem;
|
||||
background-image: url("../image/play-again.png");
|
||||
}
|
||||
|
||||
.no-explore {
|
||||
width: 2.66667rem;
|
||||
width: 2.6666666667rem;
|
||||
color: #FCFFE7;
|
||||
font-size: 0.26667rem;
|
||||
font-size: 0.2666666667rem;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -191,63 +218,54 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 1.25333rem;
|
||||
height: 1.2533333333rem;
|
||||
background-color: #0C6970;
|
||||
color: #FEF59B;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.mine .avatar {
|
||||
width: 0.96rem;
|
||||
height: 0.96rem;
|
||||
margin-left: 0.42667rem;
|
||||
margin-right: 0.21333rem;
|
||||
margin-left: 0.4266666667rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
}
|
||||
|
||||
.mine .avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.mine .nick {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mine .diamond-num {
|
||||
position: relative;
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
|
||||
.mine .diamond-num img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: -0.26667rem;
|
||||
width: 0.73333rem;
|
||||
left: -0.2666666667rem;
|
||||
width: 0.7333333333rem;
|
||||
height: 0.6rem;
|
||||
}
|
||||
|
||||
.mine .diamond-num p {
|
||||
border: 0.05333rem #71CEC4 solid;
|
||||
border-radius: 0.26667rem;
|
||||
padding: 0.08rem 0.10667rem 0.08rem 0.53333rem;
|
||||
border: 0.0533333333rem #71CEC4 solid;
|
||||
border-radius: 0.2666666667rem;
|
||||
padding: 0.08rem 0.1066666667rem 0.08rem 0.5333333333rem;
|
||||
background-color: #223B46;
|
||||
color: rgba(113, 206, 196, 0.7);
|
||||
}
|
||||
|
||||
.mine .diamond-num p span {
|
||||
color: #FEF59B;
|
||||
}
|
||||
|
||||
.mine .recharge-icon {
|
||||
margin-right: 0.29333rem;
|
||||
margin-right: 0.2933333333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mine .recharge-icon img {
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
|
||||
.shade-mask {
|
||||
@@ -260,30 +278,30 @@ body {
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.shade-mask .shade-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8.72rem;
|
||||
height: 8.21333rem;
|
||||
height: 8.2133333333rem;
|
||||
background: url("../image/rule-bg.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.shade-mask .shade-content p {
|
||||
width: 60%;
|
||||
height: 76%;
|
||||
overflow: scroll;
|
||||
margin: 1.6rem auto 0rem;
|
||||
}
|
||||
|
||||
.shade-mask .shade-content p img {
|
||||
width: 5.22667rem;
|
||||
width: 5.2266666667rem;
|
||||
height: 13.76rem;
|
||||
}
|
||||
|
||||
.shade-mask-recharge, .result-shade, .table-shade, .not-enough {
|
||||
.shade-mask-recharge,
|
||||
.result-shade,
|
||||
.table-shade,
|
||||
.not-enough {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -293,8 +311,10 @@ body {
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.shade-mask-recharge .shade-content-recharge, .result-shade .shade-content-recharge, .table-shade .shade-content-recharge, .not-enough .shade-content-recharge {
|
||||
.shade-mask-recharge .shade-content-recharge,
|
||||
.result-shade .shade-content-recharge,
|
||||
.table-shade .shade-content-recharge,
|
||||
.not-enough .shade-content-recharge {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -302,53 +322,71 @@ body {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6.66667rem;
|
||||
width: 6.6666666667rem;
|
||||
height: 8rem;
|
||||
background: url("../image/recharge-bg.png") no-repeat 0 0/100% 100%;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.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 .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 {
|
||||
font-size: 0.4rem;
|
||||
color: #ECF2BD;
|
||||
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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
margin: 0.26667rem 0 0.58667rem;
|
||||
.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 {
|
||||
margin: 0.2666666667rem 0 0.5866666667rem;
|
||||
}
|
||||
|
||||
.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 {
|
||||
width: 1.73333rem;
|
||||
height: 1.73333rem;
|
||||
.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 {
|
||||
width: 1.7333333333rem;
|
||||
height: 1.7333333333rem;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.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 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.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 {
|
||||
color: #EBF9C0;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
margin-top: 0.61333rem;
|
||||
margin-top: 0.6133333333rem;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.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 {
|
||||
color: #ECF2BD;
|
||||
font-size: 0.32rem;
|
||||
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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.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 {
|
||||
width: 3.52rem;
|
||||
height: 0.96rem;
|
||||
background: url("../image/recharge-btn.png") no-repeat 0 0/100% 100%;
|
||||
margin-top: 0.42667rem;
|
||||
margin-top: 0.4266666667rem;
|
||||
}
|
||||
|
||||
.svga {
|
||||
@@ -358,7 +396,7 @@ body {
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 10rem;
|
||||
height: 17.78667rem;
|
||||
height: 17.7866666667rem;
|
||||
}
|
||||
|
||||
.result-shade .result-content {
|
||||
@@ -368,32 +406,27 @@ body {
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.result-shade .result-content.success, .result-shade .result-content.fail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 9.54667rem;
|
||||
height: 9.5466666667rem;
|
||||
background: url("../image/success.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.result-shade .result-content.success img, .result-shade .result-content.fail img {
|
||||
width: 2.2rem;
|
||||
height: 2.06667rem;
|
||||
height: 2.0666666667rem;
|
||||
margin-top: 3.6rem;
|
||||
}
|
||||
|
||||
.result-shade .result-content.success p, .result-shade .result-content.fail p {
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
color: #EBF9C0;
|
||||
margin-top: 0.77333rem;
|
||||
margin-top: 0.7733333333rem;
|
||||
}
|
||||
|
||||
.result-shade .result-content.success p span, .result-shade .result-content.fail p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.result-shade .result-content.success div, .result-shade .result-content.fail div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
@@ -401,23 +434,19 @@ body {
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
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;
|
||||
}
|
||||
|
||||
.result-shade .result-content.success div span, .result-shade .result-content.fail div span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.result-shade .result-content.fail {
|
||||
height: 8.21333rem;
|
||||
height: 8.2133333333rem;
|
||||
background: url("../image/fail.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.result-shade .result-content.fail img {
|
||||
margin-top: 2.26667rem;
|
||||
margin-top: 2.2666666667rem;
|
||||
}
|
||||
|
||||
.result-shade .result-content.fail div {
|
||||
display: none;
|
||||
}
|
||||
@@ -430,9 +459,8 @@ body {
|
||||
width: 97%;
|
||||
height: 9.6rem;
|
||||
background-color: white;
|
||||
border-radius: 0.13333rem;
|
||||
border-radius: 0.1333333333rem;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
@@ -442,43 +470,37 @@ body {
|
||||
height: 9.6rem;
|
||||
overflow-y: auto;
|
||||
background-color: white;
|
||||
border-radius: 0.13333rem;
|
||||
border-radius: 0.1333333333rem;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .table {
|
||||
width: 100%;
|
||||
padding: 0.13333rem;
|
||||
padding: 0.1333333333rem;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .table tr {
|
||||
font-size: 0.32rem;
|
||||
text-align: center;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
border-bottom: 1px solid pink;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .table tr th {
|
||||
color: #652DAD;
|
||||
width: 1.9rem;
|
||||
line-height: 1.06667rem;
|
||||
line-height: 1.0666666667rem;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .table tr td {
|
||||
color: #333;
|
||||
box-sizing: border-box;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
max-width: 1rem;
|
||||
word-wrap: break-word;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .table tr td span {
|
||||
max-width: 2.5rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.table-shade .table-content .table-wrap .noData {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -491,13 +513,12 @@ body {
|
||||
font-weight: bold;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.table-shade .table-content .close-record {
|
||||
position: absolute;
|
||||
top: -0.8rem;
|
||||
right: 0.26667rem;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
right: 0.2666666667rem;
|
||||
width: 0.6933333333rem;
|
||||
height: 0.6933333333rem;
|
||||
}
|
||||
|
||||
.not-enough .not-enough-content {
|
||||
@@ -505,20 +526,21 @@ body {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6.66667rem;
|
||||
width: 6.6666666667rem;
|
||||
height: 4.8rem;
|
||||
background: url("../image/not-enough.png") no-repeat 0 0/100% 100%;
|
||||
}
|
||||
|
||||
.not-enough .not-enough-content .go-to-recharge {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.2rem;
|
||||
width: 3.28rem;
|
||||
height: 0.82667rem;
|
||||
height: 0.8266666667rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
@return $px / $rem+rem;
|
||||
}
|
||||
|
||||
@font-face{
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf');
|
||||
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
|
||||
@@ -12,22 +12,27 @@
|
||||
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
|
||||
}
|
||||
|
||||
body{
|
||||
height: 100vh;
|
||||
height: px2rem(1334, );
|
||||
html,
|
||||
body {
|
||||
// height: 100vh;
|
||||
// height: px2rem(1334, );
|
||||
height: auto;
|
||||
background: url('../image/main-bg.png') no-repeat 0 0/100% 100%;
|
||||
background-color: #014459;
|
||||
// overflow: hidden;
|
||||
font-family: 'pingfang-bold';
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.title{
|
||||
.title {
|
||||
width: px2rem(750, );
|
||||
height: px2rem(238, );
|
||||
background: url('../image/main-title.png') no-repeat 0 0/100% 100%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
.canSelect{
|
||||
|
||||
.canSelect {
|
||||
color: white;
|
||||
font-size: px2rem(20, );
|
||||
font-weight: bold;
|
||||
@@ -37,92 +42,112 @@ body{
|
||||
}
|
||||
|
||||
|
||||
.introduction-btn{
|
||||
.introduction-btn {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(244, );
|
||||
width: px2rem(142, );
|
||||
height: px2rem(42, );
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.record-btn{
|
||||
.record-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(244, );
|
||||
width: px2rem(142, );
|
||||
height: px2rem(42, );
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.select-area{
|
||||
.select-area {
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
width: px2rem(750, );
|
||||
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%;
|
||||
div{
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
width: px2rem(140, );
|
||||
height: px2rem(140, );
|
||||
&.active{
|
||||
.default{
|
||||
|
||||
&.active {
|
||||
.default {
|
||||
display: none;
|
||||
}
|
||||
.selected{
|
||||
|
||||
.selected {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&:first-child{
|
||||
|
||||
&:first-child {
|
||||
top: px2rem(-12, );
|
||||
left: px2rem(306, );
|
||||
}
|
||||
&:nth-child(2){
|
||||
|
||||
&:nth-child(2) {
|
||||
top: px2rem(48, );
|
||||
left: px2rem(484, );
|
||||
}
|
||||
&:nth-child(3){
|
||||
|
||||
&:nth-child(3) {
|
||||
top: px2rem(200, );
|
||||
left: px2rem(596, );
|
||||
}
|
||||
&:nth-child(4){
|
||||
|
||||
&:nth-child(4) {
|
||||
top: px2rem(390, );
|
||||
left: px2rem(596, );
|
||||
}
|
||||
&:nth-child(5){
|
||||
|
||||
&:nth-child(5) {
|
||||
top: px2rem(542, );
|
||||
left: px2rem(486, );
|
||||
}
|
||||
&:nth-child(6){
|
||||
|
||||
&:nth-child(6) {
|
||||
top: px2rem(600, );
|
||||
left: px2rem(306, );
|
||||
}
|
||||
&:nth-child(7){
|
||||
|
||||
&:nth-child(7) {
|
||||
top: px2rem(542, );
|
||||
left: px2rem(125, );
|
||||
}
|
||||
&:nth-child(8){
|
||||
|
||||
&:nth-child(8) {
|
||||
top: px2rem(390, );
|
||||
left: px2rem(14, );
|
||||
}
|
||||
&:nth-child(9){
|
||||
|
||||
&:nth-child(9) {
|
||||
top: px2rem(200, );
|
||||
left: px2rem(14, );
|
||||
}
|
||||
&:nth-child(10){
|
||||
|
||||
&:nth-child(10) {
|
||||
top: px2rem(48, );
|
||||
left: px2rem(126, );
|
||||
}
|
||||
img.fail{
|
||||
|
||||
img.fail {
|
||||
display: none;
|
||||
}
|
||||
img.selected{
|
||||
|
||||
img.selected {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.desc, .prob{
|
||||
|
||||
.desc,
|
||||
.prob {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -133,14 +158,17 @@ body{
|
||||
font-size: px2rem(24, );
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
&.fail{
|
||||
|
||||
&.fail {
|
||||
color: #ECF2BD;
|
||||
line-height: 2;
|
||||
}
|
||||
&.success{
|
||||
|
||||
&.success {
|
||||
font-size: px2rem(30, );
|
||||
line-height: 2;
|
||||
span{
|
||||
|
||||
span {
|
||||
font-size: px2rem(24, );
|
||||
color: #ECF2BD;
|
||||
text-shadow: 1px 1px 2px#478576,
|
||||
@@ -152,25 +180,80 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
.prob{
|
||||
|
||||
.prob {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.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, );
|
||||
&.again{
|
||||
.tabBox {
|
||||
width: 90%;
|
||||
height: px2rem(94, );
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(31, ) auto;
|
||||
|
||||
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, );
|
||||
height: px2rem(100, );
|
||||
background-image: url('../image/play-again.png');
|
||||
}
|
||||
}
|
||||
|
||||
.no-explore{
|
||||
.no-explore {
|
||||
width: px2rem(200, );
|
||||
color: #FCFFE7;
|
||||
font-size: px2rem(20, );
|
||||
@@ -178,7 +261,7 @@ body{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mine{
|
||||
.mine {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
@@ -190,24 +273,29 @@ body{
|
||||
background-color: #0C6970;
|
||||
color: #FEF59B;
|
||||
font-size: px2rem(24, );
|
||||
.avatar{
|
||||
|
||||
.avatar {
|
||||
width: px2rem(72, );
|
||||
height: px2rem(72, );
|
||||
margin-left: px2rem(32, );
|
||||
margin-right: px2rem(16, );
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.nick{
|
||||
|
||||
.nick {
|
||||
flex: 1;
|
||||
}
|
||||
.diamond-num{
|
||||
|
||||
.diamond-num {
|
||||
position: relative;
|
||||
margin-right: px2rem(6, );
|
||||
img{
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
@@ -215,28 +303,32 @@ body{
|
||||
width: px2rem(55, );
|
||||
height: px2rem(45, );
|
||||
}
|
||||
p{
|
||||
|
||||
p {
|
||||
border: px2rem(4, ) #71CEC4 solid;
|
||||
border-radius: px2rem(20, );
|
||||
padding: px2rem(6, ) px2rem(8, ) px2rem(6, ) px2rem(40, );
|
||||
background-color: #223B46;
|
||||
color: rgba($color: #71CEC4, $alpha: .7);
|
||||
span{
|
||||
|
||||
span {
|
||||
color: #FEF59B;
|
||||
}
|
||||
}
|
||||
}
|
||||
.recharge-icon{
|
||||
|
||||
.recharge-icon {
|
||||
margin-right: px2rem(22, );
|
||||
font-weight: bold;
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(22, );
|
||||
height: px2rem(22, );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shade-mask{
|
||||
.shade-mask {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -245,7 +337,8 @@ body{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: .7);
|
||||
.shade-content{
|
||||
|
||||
.shade-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -253,12 +346,14 @@ body{
|
||||
width: px2rem(654, );
|
||||
height: px2rem(616, );
|
||||
background: url('../image/rule-bg.png') no-repeat 0 0/100% 100%;
|
||||
p{
|
||||
|
||||
p {
|
||||
width: 60%;
|
||||
height: 76%;
|
||||
overflow: scroll;
|
||||
margin: px2rem(120, ) auto px2rem(0, );
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(392, );
|
||||
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;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -275,7 +373,8 @@ body{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba($color: #000000, $alpha: .7);
|
||||
.shade-content-recharge{
|
||||
|
||||
.shade-content-recharge {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -287,47 +386,55 @@ body{
|
||||
height: px2rem(600, );
|
||||
background: url('../image/recharge-bg.png') no-repeat 0 0/100% 100%;
|
||||
font-size: px2rem(24, );
|
||||
.planet-num, .recharge-title{
|
||||
|
||||
.planet-num,
|
||||
.recharge-title {
|
||||
font-size: px2rem(30, );
|
||||
color: #ECF2BD;
|
||||
margin: px2rem(60, ) 0 px2rem(0, );
|
||||
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, );
|
||||
}
|
||||
.headwear{
|
||||
|
||||
.headwear {
|
||||
width: px2rem(130, );
|
||||
height: px2rem(130, );
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.headwear-day{
|
||||
|
||||
.headwear-day {
|
||||
color: #EBF9C0;
|
||||
font-size: px2rem(24, );
|
||||
font-weight: bold;
|
||||
margin-top: px2rem(46, );
|
||||
}
|
||||
.headwear-price{
|
||||
|
||||
.headwear-price {
|
||||
color: #ECF2BD;
|
||||
font-size: px2rem(24, );
|
||||
font-weight: bold;
|
||||
margin-top: px2rem(46, );
|
||||
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, );
|
||||
height: px2rem(72, );
|
||||
background: url('../image/recharge-btn.png') no-repeat 0 0/100% 100%;
|
||||
@@ -335,7 +442,8 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
.svga{
|
||||
|
||||
.svga {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
@@ -345,34 +453,40 @@ body{
|
||||
height: px2rem(1334, );
|
||||
}
|
||||
|
||||
.result-shade{
|
||||
.result-content{
|
||||
.result-shade {
|
||||
.result-content {
|
||||
width: px2rem(654, );
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
&.success, &.fail{
|
||||
|
||||
&.success,
|
||||
&.fail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: px2rem(716, );
|
||||
background: url('../image/success.png') no-repeat 0 0/100% 100%;
|
||||
img{
|
||||
|
||||
img {
|
||||
width: px2rem(165, );
|
||||
height: px2rem(155, );
|
||||
margin-top: px2rem(270, );
|
||||
}
|
||||
p{
|
||||
|
||||
p {
|
||||
font-size: px2rem(24, );
|
||||
font-weight: bold;
|
||||
color: #EBF9C0;
|
||||
margin-top: px2rem(58, );
|
||||
span{
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
div{
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
line-height: 2;
|
||||
@@ -386,26 +500,30 @@ body{
|
||||
-1px -1px 2px#478576,
|
||||
1px 1px 2px#478576,
|
||||
-1px -1px 2px#478576;
|
||||
span{
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.fail{
|
||||
|
||||
&.fail {
|
||||
height: px2rem(616, );
|
||||
background: url('../image/fail.png') no-repeat 0 0/100% 100%;
|
||||
img{
|
||||
|
||||
img {
|
||||
margin-top: px2rem(170, );
|
||||
}
|
||||
div{
|
||||
|
||||
div {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-shade{
|
||||
.table-content{
|
||||
.table-shade {
|
||||
.table-content {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
@@ -414,6 +532,7 @@ body{
|
||||
height: px2rem(720, );
|
||||
background-color: white;
|
||||
border-radius: px2rem(10, );
|
||||
|
||||
.table-wrap {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
@@ -424,6 +543,7 @@ body{
|
||||
overflow-y: auto;
|
||||
background-color: white;
|
||||
border-radius: px2rem(10, );
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
padding: px2rem(10, );
|
||||
@@ -451,6 +571,7 @@ body{
|
||||
// word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
vertical-align: middle;
|
||||
|
||||
span {
|
||||
max-width: 2.5rem;
|
||||
display: block;
|
||||
@@ -458,6 +579,7 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 暂无数据
|
||||
.noData {
|
||||
display: none;
|
||||
@@ -472,7 +594,8 @@ body{
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
.close-record{
|
||||
|
||||
.close-record {
|
||||
position: absolute;
|
||||
top: px2rem(-60, );
|
||||
right: px2rem(20, );
|
||||
@@ -481,8 +604,9 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
.not-enough{
|
||||
.not-enough-content{
|
||||
|
||||
.not-enough {
|
||||
.not-enough-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -490,7 +614,8 @@ body{
|
||||
width: px2rem(500, );
|
||||
height: px2rem(360, );
|
||||
background: url('../image/not-enough.png') no-repeat 0 0/100% 100%;
|
||||
.go-to-recharge{
|
||||
|
||||
.go-to-recharge {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -500,6 +625,7 @@ body{
|
||||
}
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar{
|
||||
|
||||
::-webkit-scrollbar {
|
||||
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 = [];//中獎記錄
|
||||
var page = 0;// 頁數
|
||||
var size = 10;// 每頁展示n個
|
||||
|
||||
let selectDays = window.sessionStorage.getItem('selectDays')
|
||||
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 = [
|
||||
{
|
||||
@@ -71,7 +79,9 @@ let animalArr = [
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(() => {
|
||||
getUserInfo()
|
||||
getUserInfo();
|
||||
headwearFun();
|
||||
getLimitInfo();
|
||||
}, 50)
|
||||
if (EnvCheck() == 'test') {
|
||||
new VConsole();
|
||||
@@ -90,7 +100,85 @@ $(function () {
|
||||
} else {
|
||||
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 = () => {
|
||||
$('.select-area')
|
||||
.animate({ scale: 0.25 }, 0)
|
||||
@@ -103,7 +191,7 @@ $(function () {
|
||||
let index = $(this).index()
|
||||
if (!$(this).hasClass('active')) {
|
||||
currentNum++
|
||||
if (!limitPurchaseSwitch) {
|
||||
if (true) {//!limitPurchaseSwitch
|
||||
if (currentNum <= MAX_NUM) {
|
||||
$(this).addClass('active')
|
||||
$('.prob').html(`獲得${giftName}的概率為${currentNum * 10}%`)
|
||||
@@ -226,7 +314,7 @@ $(function () {
|
||||
if (currentNum == 0) {
|
||||
toastMsg('請選擇小動物~')
|
||||
} else if (selectDays != currentNum && !$(this).hasClass('again')) {
|
||||
let headwearName = diamondNum == 10 ? '初級頭飾' : (diamondNum == 100 ? '中級頭飾' : '高級頭飾')
|
||||
let headwearName = diamondNum == 1000 ? '初級頭飾' : (diamondNum == 10000 ? '中級頭飾' : '高級頭飾')
|
||||
$('.planet-num span').html(currentNum)
|
||||
$('.headwear img').attr('src', selectSrc)
|
||||
$('.headwear-day').html(`${headwearName}${currentNum}天`)
|
||||
@@ -237,7 +325,8 @@ $(function () {
|
||||
if (window.sessionStorage.getItem('leftDays') != null) {
|
||||
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
||||
} else {
|
||||
leftDays = userSelectInfo.userRemainDay - currentNum
|
||||
// leftDays = userSelectInfo.userRemainDay - currentNum
|
||||
leftDays = userRemainDay - currentNum
|
||||
}
|
||||
window.sessionStorage.setItem('leftDays', leftDays)
|
||||
if (userDiamonds < diamondNum * currentNum) {
|
||||
@@ -268,7 +357,8 @@ $(function () {
|
||||
if (window.sessionStorage.getItem('leftDays') != null) {
|
||||
leftDays = window.sessionStorage.getItem('leftDays') - currentNum
|
||||
} else {
|
||||
leftDays = userSelectInfo.userRemainDay - currentNum
|
||||
// leftDays = userSelectInfo.userRemainDay - currentNum
|
||||
leftDays = userRemainDay - currentNum
|
||||
}
|
||||
window.sessionStorage.setItem('leftDays', leftDays)
|
||||
|
||||
|
||||
@@ -79,8 +79,22 @@
|
||||
<p class="desc">请选择要去探访的小动物</p>
|
||||
<p class="prob"></p>
|
||||
</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="no-explore">暂不寻找小精灵</div>
|
||||
<div class="no-explore" style="display: none;">暂不寻找小精灵</div>
|
||||
<div class="mine">
|
||||
<div class="avatar"><img src="./image/logo.png" alt=""></div>
|
||||
<div class="nick"></div>
|
||||
@@ -99,7 +113,9 @@
|
||||
</div>
|
||||
|
||||
<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 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 === 89">{{item1.targetNick}}赠送鉆石</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-if="tab === 12 && item1.objType === 40">全服红包-发生在{{ 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 === 31">购买座驾支出</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-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||
<p
|
||||
|
||||
@@ -7,8 +7,8 @@ Vue.use(Router);
|
||||
var routers = new Router({
|
||||
routes: [
|
||||
{ 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: '/wishingWellRecord', name: 'wishingWellRecord', meta: { title: '许愿池中奖记录' }, component: () => import('@/view/rank/WishingWellRecord.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: '/wishingWellRule', name: 'wishingWellRule', meta: { title: '玩法规则' }, component: () => import('@/view/rank/wishingWellRule.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') },
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="max">
|
||||
<!-- <div class="content"> -->
|
||||
<p class="tit">获奖记录</p>
|
||||
<!-- <p class="tit">获奖记录</p> -->
|
||||
<div class="list">
|
||||
<van-list
|
||||
v-model="loading"
|
||||
|
||||
Reference in New Issue
Block a user