修改文案,调整适配
This commit is contained in:
parent
81c6dc88ea
commit
d971c0e4b6
@ -16,7 +16,7 @@
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta
|
||||
name="description"
|
||||
content="Explore to get chests, boost to full power!"
|
||||
content="Explore for chests; boost to unlock their full potential"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
|
@ -9,17 +9,17 @@ let errmsg = err
|
||||
errmsg = JSON.stringify(err);
|
||||
}
|
||||
if (errmsg.indexOf('insufficient tickets') > -1) {
|
||||
errmsg = 'Insufficient exploration attempts'
|
||||
errmsg = 'Not enough exploration attempts.'
|
||||
} else if(errmsg.indexOf('invalid opcode: opcode 0xd8 not defined') > -1) {
|
||||
errmsg = `Claim failed due to insufficient gas.`
|
||||
} else if(errmsg.indexOf('User rejected the request') > -1) {
|
||||
errmsg = `User refuses to switch networks`
|
||||
errmsg = `Please select the correct network to continue.`
|
||||
} else if(errmsg.indexOf('User denied transaction signature') > -1) {
|
||||
errmsg = `User refuses to sign`
|
||||
errmsg = `Signature required to proceed.`
|
||||
} else if(errmsg.indexOf('Internal JSON-RPC error') > -1) {
|
||||
errmsg = `Insufficient gas fees`
|
||||
errmsg = `Insufficient gas fees.`
|
||||
} else if(errmsg.indexOf('Hash: not available') > -1) {
|
||||
errmsg = `Operation timed out. Please retry`
|
||||
errmsg = `Operation timed out. Please retry.`
|
||||
} else if(errmsg.indexOf('chest already opened') > -1) {
|
||||
errmsg = 'chest already opened'
|
||||
// } else if(errmsg.indexOf('chest already opened') > -1) {
|
||||
|
@ -5,7 +5,7 @@
|
||||
<div>
|
||||
<img src="@/assets/common/loding .png" alt />
|
||||
</div>
|
||||
<p>Please wait. Data is currently loading </p>
|
||||
<p>Please wait. Data is loading</p>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
@ -202,7 +202,6 @@
|
||||
<template slot="empty">
|
||||
<div>No Data</div>
|
||||
</template>
|
||||
<el-table-column label="Action">Open the Treasure</el-table-column>
|
||||
<el-table-column label="Time">
|
||||
<template
|
||||
slot-scope="scope"
|
||||
|
@ -108,10 +108,17 @@ export default {
|
||||
this.isLoading = false
|
||||
cc.mainAnim.setCurrPos(getTotalUsed)
|
||||
cc.mainAnim.setData(step)
|
||||
let stepTimeId = setInterval(() => {
|
||||
this.$emit('awardDialog', data)
|
||||
clearInterval(stepTimeId)
|
||||
},step*2000)
|
||||
if(step >=8) {
|
||||
let stepTimeId = setInterval(() => {
|
||||
this.$emit('awardDialog', data)
|
||||
clearInterval(stepTimeId)
|
||||
},8*2000)
|
||||
} else {
|
||||
let stepTimeId = setInterval(() => {
|
||||
this.$emit('awardDialog', data)
|
||||
clearInterval(stepTimeId)
|
||||
},step*2000)
|
||||
}
|
||||
localStorage.removeItem(storeageKey)
|
||||
clearInterval(serTimeId)
|
||||
}
|
||||
|
@ -176,13 +176,13 @@ export default {
|
||||
// 4、开始助力
|
||||
await this.sendEnhanceReq(this.boxCode)
|
||||
} else {
|
||||
this.$showErr('Boosting limit')
|
||||
this.$showErr('Boost limit reached.')
|
||||
}
|
||||
} else {
|
||||
this.$showErr('Insufficient boosting attempts')
|
||||
this.$showErr('Not enough boosts available.')
|
||||
}
|
||||
} else {
|
||||
this.$showErr('Boosting already performed')
|
||||
this.$showErr('Already boosted.')
|
||||
}
|
||||
|
||||
|
||||
|
@ -11,23 +11,29 @@
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol4">{{ myInviteCount }}</span>
|
||||
<img src="./../../assets/common/Invites.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Invites.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Invites</div>
|
||||
<div class="hover-tips">Successful invtations</div>
|
||||
<div class="hover-tips">Successful invitations</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol3">{{ myEnhanceCount }}</span>
|
||||
<img src="./../../assets/common/Icon_Boosting.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Boosting.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Boosting</div>
|
||||
<div class="hover-tips">Daily boosting reamaining times</div>
|
||||
<div class="hover-tips">Remaining Daily Boosts</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol2">{{ todayStepTicket }}</span>
|
||||
<img src="./../../assets/common/Icon_Explore.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Explore.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Exploration</div>
|
||||
<div class="hover-tips">Explorations obtained</div>
|
||||
@ -35,10 +41,12 @@
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol1">{{ usesScore }}</span>
|
||||
<img src="./../../assets/common/Icon_Points.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Points.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Points</div>
|
||||
<div class="hover-tips">Explorations obtained</div>
|
||||
<div class="hover-tips">Explorations Earned</div>
|
||||
</li>
|
||||
<div class="touxiang">
|
||||
<UserImg :imgSrc="myTwitterAvatar" />
|
||||
@ -47,7 +55,7 @@
|
||||
<div class="left-top-points-right">
|
||||
<img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
|
||||
<img v-else src="@/assets/common/wallet-no.png" alt="">
|
||||
<div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
|
||||
<div class="hover-tips">Partner NFT collection holders get extra rewards</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -63,13 +71,17 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="left-title-right">
|
||||
<p>Invite friends to earn</p>
|
||||
<p>more rewards <span class="tips" @click="ruleDialogVisible = true">!</span></p>
|
||||
<div class="rule" @click="ruleDialogVisible = true">
|
||||
<img src="@/assets/home/Icon_.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>Invite friends to earn</p>
|
||||
<p>more rewards</p>
|
||||
</div>
|
||||
<div class="copy-btn" @click="copyLinkCode"><img src="./../../assets/common/Icon_Explore.png" alt=""> Copy referral link</div>
|
||||
<div class="copy-see" @click="isLogin">
|
||||
View Invites
|
||||
</div>
|
||||
<div class="rule"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explore">
|
||||
@ -83,7 +95,7 @@
|
||||
<h4>How it works</h4>
|
||||
<div
|
||||
class="desc"
|
||||
>Every step is filled with possibilities; every movement might begin a new chapter. <br /> All on-chain activities are built on opBNB. <br />Click on the smiley face to view more details on Medium</div>
|
||||
>Every step is filled with possibilities; every movement might begin a new chapter.<br />All on-chain activities are powered by opBNB. <br />Click the smiley face for more details on Medium.</div>
|
||||
</div>
|
||||
<div class="explore-desc-map" v-if="navIndex == 1">
|
||||
<li>
|
||||
@ -234,7 +246,7 @@
|
||||
<div class="calen-content">
|
||||
<Calen ref="renewCheck" :activityData='activityData' />
|
||||
<div class="rewards">
|
||||
<p>Cumulative Rewards</p>
|
||||
<p>Consecutive Sign-In Rewards</p>
|
||||
<div v-if="gameStateData.totalStat" class="rewards-list">
|
||||
<li v-for="(item, index) in gameStateData.totalStat" :key="index">
|
||||
<div class="center no-state" v-if="item.state == 0">
|
||||
@ -314,7 +326,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="rewards">
|
||||
<p>Bonus Rewards</p>
|
||||
<p>Accumulative Sign-In Rewards</p>
|
||||
<div v-if="gameStateData.seqStat" class="rewards-list">
|
||||
<li v-for="(item, index) in gameStateData.seqStat" :key="index">
|
||||
<div class="center no-state" v-if="item.state == 0">
|
||||
@ -469,15 +481,19 @@
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol4">{{ myInviteCount }}</span>
|
||||
<img src="./../../assets/common/Invites.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Invites.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Invites</div>
|
||||
<div class="hover-tips">Successful invtations</div>
|
||||
<div class="hover-tips">Successful invitations</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol3">{{ myEnhanceCount }}</span>
|
||||
<img src="./../../assets/common/Icon_Boosting.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Boosting.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Boosting</div>
|
||||
<div class="hover-tips">Daily boosting reamaining times</div>
|
||||
@ -485,7 +501,9 @@
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol2">{{ todayStepTicket }}</span>
|
||||
<img src="./../../assets/common/Icon_Explore.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Explore.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Exploration</div>
|
||||
<div class="hover-tips">Explorations obtained</div>
|
||||
@ -493,10 +511,12 @@
|
||||
<li>
|
||||
<div class="top">
|
||||
<span class="textCol1">{{ usesScore }}</span>
|
||||
<img src="./../../assets/common/Icon_Points.png" alt="">
|
||||
<div>
|
||||
<img src="./../../assets/common/Icon_Points.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">Points</div>
|
||||
<div class="hover-tips">Explorations obtained</div>
|
||||
<div class="hover-tips">Explorations Earned</div>
|
||||
</li>
|
||||
<div class="touxiang">
|
||||
<UserImg :imgSrc="myTwitterAvatar" />
|
||||
@ -505,7 +525,7 @@
|
||||
<div class="left-top-points-right">
|
||||
<img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
|
||||
<img v-else src="@/assets/common/wallet-no.png" alt="">
|
||||
<div class="hover-tips">Holder of the partner NFT collections will receive additional rewards</div>
|
||||
<div class="hover-tips">Partner NFT collection holders get extra rewards</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1296,7 +1316,6 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left-top-points-left {
|
||||
// width: 140px;
|
||||
display: flex;
|
||||
height: 50px;
|
||||
padding-right: 30px;
|
||||
@ -1316,6 +1335,7 @@ export default {
|
||||
width: 240px;
|
||||
height: 100px;
|
||||
line-height: 90px;
|
||||
font-size: 14px;
|
||||
background: url('@/assets/common/WL .png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 1;
|
||||
@ -1324,6 +1344,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
height: 16px;
|
||||
font-weight: 600;
|
||||
text-align: right;
|
||||
span {
|
||||
@ -1338,10 +1359,13 @@ export default {
|
||||
.textCol3 {
|
||||
color: #0095FF;
|
||||
}
|
||||
img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
div {
|
||||
width: 17px;
|
||||
height: 16px;
|
||||
margin-left: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.btm {
|
||||
@ -1373,6 +1397,12 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
li:nth-child(3) {
|
||||
img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
li:nth-child(4) {
|
||||
img {
|
||||
width: 12px;
|
||||
@ -1387,13 +1417,13 @@ export default {
|
||||
right: -20px;
|
||||
transform: translateY(-50%);
|
||||
div {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.left-top-points-right {
|
||||
margin-left: 30px;
|
||||
margin-left: 40px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
cursor: pointer;
|
||||
@ -1410,6 +1440,7 @@ export default {
|
||||
width: 590px;
|
||||
height: 120px;
|
||||
line-height: 110px;
|
||||
font-size: 14px;
|
||||
background: url('@/assets/common/WL .png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
@ -1457,31 +1488,26 @@ export default {
|
||||
background: url('./../../assets/home/invite_box.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 20px;
|
||||
p {
|
||||
font-family: 'Poppins-SemiBold';
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-left: 10px;
|
||||
background: #201d27;
|
||||
border-radius: 50%;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
.rule {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.textCol {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
background-image: -webkit-linear-gradient(right, #d1a158, #a154ff);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
.text {
|
||||
p {
|
||||
font-family: 'Poppins-SemiBold';
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.copy-btn {
|
||||
font-size: 14px;
|
||||
@ -1510,9 +1536,6 @@ export default {
|
||||
font-family: 'Poppins-Regular';
|
||||
cursor: pointer;
|
||||
}
|
||||
.rule {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.explore {
|
||||
@ -2017,14 +2040,23 @@ export default {
|
||||
border-radius: 20px;
|
||||
margin-right: 20px;
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 5px;
|
||||
div {
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 40px;
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2276,10 +2308,8 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left-top-points-left {
|
||||
// width: 140px;
|
||||
display: flex;
|
||||
height: 50px;
|
||||
align-items: center;
|
||||
background: url('@/assets/common/User-bar.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
@ -2296,6 +2326,7 @@ export default {
|
||||
width: 240px;
|
||||
height: 100px;
|
||||
line-height: 90px;
|
||||
font-size: 14px;
|
||||
background: url('@/assets/common/WL .png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 1;
|
||||
@ -2304,6 +2335,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
height: 16px;
|
||||
font-weight: 600;
|
||||
text-align: right;
|
||||
span {
|
||||
@ -2318,10 +2350,17 @@ export default {
|
||||
.textCol3 {
|
||||
color: #0095FF;
|
||||
}
|
||||
img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
div {
|
||||
width: 17px;
|
||||
height: 16px;
|
||||
margin-left: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
}
|
||||
}
|
||||
.btm {
|
||||
@ -2353,6 +2392,16 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
li:nth-child(3) {
|
||||
.top {
|
||||
div {
|
||||
img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
li:nth-child(4) {
|
||||
img {
|
||||
width: 12px;
|
||||
@ -2367,13 +2416,13 @@ export default {
|
||||
right: -20px;
|
||||
transform: translateY(-50%);
|
||||
div {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.left-top-points-right {
|
||||
margin-left: 30px;
|
||||
margin-left: 40px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
cursor: pointer;
|
||||
@ -2390,6 +2439,7 @@ export default {
|
||||
width: 590px;
|
||||
height: 120px;
|
||||
line-height: 110px;
|
||||
font-size: 14px;
|
||||
background: url('@/assets/common/WL .png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
@ -2452,14 +2502,23 @@ export default {
|
||||
border-radius: 20px;
|
||||
margin-right: 20px;
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 5px;
|
||||
div {
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 40px;
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
text-align: center;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -30,7 +30,7 @@
|
||||
</div>
|
||||
<div class="list-btm" v-if="token">
|
||||
<div class="ranking" v-if="usesRank == '-'">{{ usesRank }}</div>
|
||||
<div class="ranking" v-else-if="usesRank >= 100">Not in the top 100 yet</div>
|
||||
<div class="ranking" v-else-if="usesRank >= 100">Outside the Top 100</div>
|
||||
<div class="ranking" v-else>{{ usesRank+1 }}</div>
|
||||
</div>
|
||||
<div class="list-btm" v-else>
|
||||
|
@ -11,13 +11,11 @@
|
||||
<div class="content">
|
||||
<div class="points-title">Invitation Rules</div>
|
||||
<div>
|
||||
After other users successfully bind their wallets through the link you shared,
|
||||
A successful invitation occurs when another user binds their wallet using your shared link.
|
||||
</div>
|
||||
<div>it is considered a successful invitation. </div>
|
||||
<div>
|
||||
Whenever they earn points (excluding the benefits from invitations),
|
||||
You'll receive a bonus equivalent to 10% of their earned points (invitation benefits excluded) every time they gain points.
|
||||
</div>
|
||||
<div>they will provide you with an additional 10% of the points earned Got it.</div>
|
||||
</div>
|
||||
<div class="btn" @click="ExploreDialog">Confirm</div>
|
||||
</el-dialog>
|
||||
|
Loading…
x
Reference in New Issue
Block a user