修改文案,调整适配

This commit is contained in:
yuyongdong 2024-04-17 13:00:17 +08:00
parent 81c6dc88ea
commit d971c0e4b6
9 changed files with 159 additions and 96 deletions

View File

@ -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"

View File

@ -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) {

View File

@ -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>

View File

@ -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"

View File

@ -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)
}

View File

@ -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.')
}

View File

@ -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%;
}
}
}
}

View File

@ -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>

View File

@ -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>