yuyongdong/UAW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文案，调整适配

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -16,7 +16,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<meta <meta
name="description" name="description"
content="Explore to get chests, boost to full power!" content="Explore for chests; boost to unlock their full potential"
/> />
<meta <meta
property="og:image" property="og:image"

10
src/components/errorDialog/index.js
View File

@ -9,17 +9,17 @@ let errmsg = err
errmsg = JSON.stringify(err); errmsg = JSON.stringify(err);
} }
if (errmsg.indexOf('insufficient tickets') > -1) { 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) { } else if(errmsg.indexOf('invalid opcode: opcode 0xd8 not defined') > -1) {
errmsg = `Claim failed due to insufficient gas.` errmsg = `Claim failed due to insufficient gas.`
} else if(errmsg.indexOf('User rejected the request') > -1) { } 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) { } 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) { } 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) { } 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) { } else if(errmsg.indexOf('chest already opened') > -1) {
errmsg = 'chest already opened' errmsg = 'chest already opened'
// } else if(errmsg.indexOf('chest already opened') > -1) { // } else if(errmsg.indexOf('chest already opened') > -1) {

2
src/components/loading.vue
View File

@ -5,7 +5,7 @@
<div> <div>
<img src="@/assets/common/loding .png" alt /> <img src="@/assets/common/loding .png" alt />
</div> </div>
<p>Please wait. Data is currently loading </p> <p>Please wait. Data is loading</p>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>

1
src/views/home/boxBtm.vue
View File

@ -202,7 +202,6 @@
<template slot="empty"> <template slot="empty">
<div>No Data</div> <div>No Data</div>
</template> </template>
<el-table-column label="Action">Open the Treasure</el-table-column>
<el-table-column label="Time"> <el-table-column label="Time">
<template <template
slot-scope="scope" slot-scope="scope"

15
src/views/home/gameView.vue
View File

@ -108,10 +108,17 @@ export default {
this.isLoading = false this.isLoading = false
cc.mainAnim.setCurrPos(getTotalUsed) cc.mainAnim.setCurrPos(getTotalUsed)
cc.mainAnim.setData(step) cc.mainAnim.setData(step)
let stepTimeId = setInterval(() => { if(step >=8) {
this.$emit('awardDialog', data) let stepTimeId = setInterval(() => {
clearInterval(stepTimeId) this.$emit('awardDialog', data)
},step*2000) clearInterval(stepTimeId)
},8*2000)
} else {
let stepTimeId = setInterval(() => {
this.$emit('awardDialog', data)
clearInterval(stepTimeId)
},step*2000)
}
localStorage.removeItem(storeageKey) localStorage.removeItem(storeageKey)
clearInterval(serTimeId) clearInterval(serTimeId)
} }

6
src/views/home/helpDialog.vue
View File

@ -176,13 +176,13 @@ export default {
// 4、开始助力 // 4、开始助力
await this.sendEnhanceReq(this.boxCode) await this.sendEnhanceReq(this.boxCode)
} else { } else {
this.$showErr('Boosting limit') this.$showErr('Boost limit reached.')
} }
} else { } else {
this.$showErr('Insufficient boosting attempts') this.$showErr('Not enough boosts available.')
} }
} else { } else {
this.$showErr('Boosting already performed') this.$showErr('Already boosted.')
} }

211
src/views/home/index.vue
View File

@ -11,23 +11,29 @@
<li> <li>
<div class="top"> <div class="top">
<span class="textCol4">{{ myInviteCount }}</span> <span class="textCol4">{{ myInviteCount }}</span>
<img src="./../../assets/common/Invites.png" alt=""> <div>
<img src="./../../assets/common/Invites.png" alt="">
</div>
</div> </div>
<div class="btm">Invites</div> <div class="btm">Invites</div>
<div class="hover-tips">Successful invtations</div> <div class="hover-tips">Successful invitations</div>
</li> </li>
<li> <li>
<div class="top"> <div class="top">
<span class="textCol3">{{ myEnhanceCount }}</span> <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>
<div class="btm">Boosting</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>
<li> <li>
<div class="top"> <div class="top">
<span class="textCol2">{{ todayStepTicket }}</span> <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>
<div class="btm">Exploration</div> <div class="btm">Exploration</div>
<div class="hover-tips">Explorations obtained</div> <div class="hover-tips">Explorations obtained</div>
@ -35,10 +41,12 @@
<li> <li>
<div class="top"> <div class="top">
<span class="textCol1">{{ usesScore }}</span> <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>
<div class="btm">Points</div> <div class="btm">Points</div>
<div class="hover-tips">Explorations obtained</div> <div class="hover-tips">Explorations Earned</div>
</li> </li>
<div class="touxiang"> <div class="touxiang">
<UserImg :imgSrc="myTwitterAvatar" /> <UserImg :imgSrc="myTwitterAvatar" />
@ -47,7 +55,7 @@
<div class="left-top-points-right"> <div class="left-top-points-right">
<img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt=""> <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
<img v-else src="@/assets/common/wallet-no.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> </div>
</div> </div>
@ -63,13 +71,17 @@
</p> </p>
</div> </div>
<div class="left-title-right"> <div class="left-title-right">
<p>Invite friends to earn</p> <div class="rule" @click="ruleDialogVisible = true">
<p>more rewards <span class="tips" @click="ruleDialogVisible = true">!</span></p> <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-btn" @click="copyLinkCode"><img src="./../../assets/common/Icon_Explore.png" alt=""> Copy referral link</div>
<div class="copy-see" @click="isLogin"> <div class="copy-see" @click="isLogin">
View Invites View Invites
</div> </div>
<div class="rule"></div>
</div> </div>
</div> </div>
<div class="explore"> <div class="explore">
@ -83,7 +95,7 @@
<h4>How it works</h4> <h4>How it works</h4>
<div <div
class="desc" 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>
<div class="explore-desc-map" v-if="navIndex == 1"> <div class="explore-desc-map" v-if="navIndex == 1">
<li> <li>
@ -234,7 +246,7 @@
<div class="calen-content"> <div class="calen-content">
<Calen ref="renewCheck" :activityData='activityData' /> <Calen ref="renewCheck" :activityData='activityData' />
<div class="rewards"> <div class="rewards">
<p>Cumulative Rewards</p> <p>Consecutive Sign-In Rewards</p>
<div v-if="gameStateData.totalStat" class="rewards-list"> <div v-if="gameStateData.totalStat" class="rewards-list">
<li v-for="(item, index) in gameStateData.totalStat" :key="index"> <li v-for="(item, index) in gameStateData.totalStat" :key="index">
<div class="center no-state" v-if="item.state == 0"> <div class="center no-state" v-if="item.state == 0">
@ -314,7 +326,7 @@
</div> </div>
</div> </div>
<div class="rewards"> <div class="rewards">
<p>Bonus Rewards</p> <p>Accumulative Sign-In Rewards</p>
<div v-if="gameStateData.seqStat" class="rewards-list"> <div v-if="gameStateData.seqStat" class="rewards-list">
<li v-for="(item, index) in gameStateData.seqStat" :key="index"> <li v-for="(item, index) in gameStateData.seqStat" :key="index">
<div class="center no-state" v-if="item.state == 0"> <div class="center no-state" v-if="item.state == 0">
@ -469,15 +481,19 @@
<li> <li>
<div class="top"> <div class="top">
<span class="textCol4">{{ myInviteCount }}</span> <span class="textCol4">{{ myInviteCount }}</span>
<img src="./../../assets/common/Invites.png" alt=""> <div>
<img src="./../../assets/common/Invites.png" alt="">
</div>
</div> </div>
<div class="btm">Invites</div> <div class="btm">Invites</div>
<div class="hover-tips">Successful invtations</div> <div class="hover-tips">Successful invitations</div>
</li> </li>
<li> <li>
<div class="top"> <div class="top">
<span class="textCol3">{{ myEnhanceCount }}</span> <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>
<div class="btm">Boosting</div> <div class="btm">Boosting</div>
<div class="hover-tips">Daily boosting reamaining times</div> <div class="hover-tips">Daily boosting reamaining times</div>
@ -485,7 +501,9 @@
<li> <li>
<div class="top"> <div class="top">
<span class="textCol2">{{ todayStepTicket }}</span> <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>
<div class="btm">Exploration</div> <div class="btm">Exploration</div>
<div class="hover-tips">Explorations obtained</div> <div class="hover-tips">Explorations obtained</div>
@ -493,10 +511,12 @@
<li> <li>
<div class="top"> <div class="top">
<span class="textCol1">{{ usesScore }}</span> <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>
<div class="btm">Points</div> <div class="btm">Points</div>
<div class="hover-tips">Explorations obtained</div> <div class="hover-tips">Explorations Earned</div>
</li> </li>
<div class="touxiang"> <div class="touxiang">
<UserImg :imgSrc="myTwitterAvatar" /> <UserImg :imgSrc="myTwitterAvatar" />
@ -505,7 +525,7 @@
<div class="left-top-points-right"> <div class="left-top-points-right">
<img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt=""> <img v-if="inWhiteList == 1" src="@/assets/common/wallet-yes.png" alt="">
<img v-else src="@/assets/common/wallet-no.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> </div>
</div> </div>
@ -1296,7 +1316,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
.left-top-points-left { .left-top-points-left {
// width: 140px;
display: flex; display: flex;
height: 50px; height: 50px;
padding-right: 30px; padding-right: 30px;
@ -1316,6 +1335,7 @@ export default {
width: 240px; width: 240px;
height: 100px; height: 100px;
line-height: 90px; line-height: 90px;
font-size: 14px;
background: url('@/assets/common/WL .png') no-repeat; background: url('@/assets/common/WL .png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
z-index: 1; z-index: 1;
@ -1324,6 +1344,7 @@ export default {
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
height: 16px;
font-weight: 600; font-weight: 600;
text-align: right; text-align: right;
span { span {
@ -1338,10 +1359,13 @@ export default {
.textCol3 { .textCol3 {
color: #0095FF; color: #0095FF;
} }
img { div {
width: 15px; width: 17px;
height: 15px; height: 16px;
margin-left: 5px; margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
} }
} }
.btm { .btm {
@ -1373,6 +1397,12 @@ export default {
} }
} }
} }
li:nth-child(3) {
img {
width: 15px;
height: 15px;
}
}
li:nth-child(4) { li:nth-child(4) {
img { img {
width: 12px; width: 12px;
@ -1387,13 +1417,13 @@ export default {
right: -20px; right: -20px;
transform: translateY(-50%); transform: translateY(-50%);
div { div {
width: 60px; width: 100%;
height: 60px; height: 100%;
} }
} }
} }
.left-top-points-right { .left-top-points-right {
margin-left: 30px; margin-left: 40px;
width: 60px; width: 60px;
height: 60px; height: 60px;
cursor: pointer; cursor: pointer;
@ -1410,6 +1440,7 @@ export default {
width: 590px; width: 590px;
height: 120px; height: 120px;
line-height: 110px; line-height: 110px;
font-size: 14px;
background: url('@/assets/common/WL .png') no-repeat; background: url('@/assets/common/WL .png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -1457,31 +1488,26 @@ export default {
background: url('./../../assets/home/invite_box.png') no-repeat; background: url('./../../assets/home/invite_box.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 20px; border-radius: 20px;
p { position: relative;
font-family: 'Poppins-SemiBold'; .rule {
font-size: 16px; position: absolute;
display: flex; top: 10px;
align-items: center; right: 20px;
justify-content: center; width: 25px;
span { height: 25px;
display: inline-block; img {
width: 30px; width: 100%;
height: 30px; height: 100%;
line-height: 30px;
margin-left: 10px;
background: #201d27;
border-radius: 50%;
font-size: 18px;
font-weight: 700;
cursor: pointer;
} }
} }
.textCol { .text {
font-size: 28px; p {
font-weight: 700; font-family: 'Poppins-SemiBold';
background-image: -webkit-linear-gradient(right, #d1a158, #a154ff); font-size: 16px;
-webkit-background-clip: text; display: flex;
-webkit-text-fill-color: transparent; align-items: center;
justify-content: center;
}
} }
.copy-btn { .copy-btn {
font-size: 14px; font-size: 14px;
@ -1510,9 +1536,6 @@ export default {
font-family: 'Poppins-Regular'; font-family: 'Poppins-Regular';
cursor: pointer; cursor: pointer;
} }
.rule {
}
} }
} }
.explore { .explore {
@ -2017,14 +2040,23 @@ export default {
border-radius: 20px; border-radius: 20px;
margin-right: 20px; margin-right: 20px;
li { li {
display: flex;
align-items: center;
margin: 0 5px; margin: 0 5px;
div { height: 40px;
width: 16px; a {
height: 15px; display: flex;
text-align: center; align-items: center;
img { div {
width: 100%; display: flex;
height: 100%; align-items: center;
width: 16px;
height: 15px;
text-align: center;
img {
width: 100%;
height: 100%;
}
} }
} }
} }
@ -2276,10 +2308,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
.left-top-points-left { .left-top-points-left {
// width: 140px;
display: flex; display: flex;
height: 50px; height: 50px;
align-items: center;
background: url('@/assets/common/User-bar.png') no-repeat; background: url('@/assets/common/User-bar.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
@ -2296,6 +2326,7 @@ export default {
width: 240px; width: 240px;
height: 100px; height: 100px;
line-height: 90px; line-height: 90px;
font-size: 14px;
background: url('@/assets/common/WL .png') no-repeat; background: url('@/assets/common/WL .png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
z-index: 1; z-index: 1;
@ -2304,6 +2335,7 @@ export default {
display: flex; display: flex;
justify-content: end; justify-content: end;
align-items: center; align-items: center;
height: 16px;
font-weight: 600; font-weight: 600;
text-align: right; text-align: right;
span { span {
@ -2318,10 +2350,17 @@ export default {
.textCol3 { .textCol3 {
color: #0095FF; color: #0095FF;
} }
img { div {
width: 15px; width: 17px;
height: 15px; height: 16px;
margin-left: 5px; margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
// img {
// width: 100%;
// height: 100%;
// }
} }
} }
.btm { .btm {
@ -2353,6 +2392,16 @@ export default {
} }
} }
} }
li:nth-child(3) {
.top {
div {
img {
width: 15px;
height: 15px;
}
}
}
}
li:nth-child(4) { li:nth-child(4) {
img { img {
width: 12px; width: 12px;
@ -2367,13 +2416,13 @@ export default {
right: -20px; right: -20px;
transform: translateY(-50%); transform: translateY(-50%);
div { div {
width: 60px; width: 100%;
height: 60px; height: 100%;
} }
} }
} }
.left-top-points-right { .left-top-points-right {
margin-left: 30px; margin-left: 40px;
width: 60px; width: 60px;
height: 60px; height: 60px;
cursor: pointer; cursor: pointer;
@ -2390,6 +2439,7 @@ export default {
width: 590px; width: 590px;
height: 120px; height: 120px;
line-height: 110px; line-height: 110px;
font-size: 14px;
background: url('@/assets/common/WL .png') no-repeat; background: url('@/assets/common/WL .png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -2452,14 +2502,23 @@ export default {
border-radius: 20px; border-radius: 20px;
margin-right: 20px; margin-right: 20px;
li { li {
display: flex;
align-items: center;
margin: 0 5px; margin: 0 5px;
div { height: 40px;
width: 16px; a {
height: 15px; display: flex;
text-align: center; align-items: center;
img { div {
width: 100%; display: flex;
height: 100%; align-items: center;
width: 16px;
height: 15px;
text-align: center;
img {
width: 100%;
height: 100%;
}
} }
} }
} }

2
src/views/home/ranking.vue
View File

@ -30,7 +30,7 @@
</div> </div>
<div class="list-btm" v-if="token"> <div class="list-btm" v-if="token">
<div class="ranking" v-if="usesRank == '-'">{{ usesRank }}</div> <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 class="ranking" v-else>{{ usesRank+1 }}</div>
</div> </div>
<div class="list-btm" v-else> <div class="list-btm" v-else>

6
src/views/home/ruleDialog.vue
View File

@ -11,13 +11,11 @@
<div class="content"> <div class="content">
<div class="points-title">Invitation Rules</div> <div class="points-title">Invitation Rules</div>
<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>
<div>it is considered a successful invitation. </div>
<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>
<div>they will provide you with an additional 10% of the points earned Got it.</div>
</div> </div>
<div class="btn" @click="ExploreDialog">Confirm</div> <div class="btn" @click="ExploreDialog">Confirm</div>
</el-dialog> </el-dialog>