huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改cec claim 页面文案

Browse Source
This commit is contained in:
yuyongdong 2024-08-28 11:24:05 +08:00
parent b31062175d
commit 68b88be7cc
2 changed files with 73 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/cec_claim/scene_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

106
src/views/ClaimView.vue
View File

@ -63,7 +63,7 @@
<div> <div>
<p>CounterFire & Bitget</p> <p>CounterFire & Bitget</p>
<p>0 gas fee, 100k $CEC rewards to share.</p> <p>0 gas fee, 100k $CEC rewards to share.</p>
<p>Can claim $CEC to your wallet after the event.</p> <p>Can claim $CEC to your wallet after this event.</p>
</div> </div>
</div> </div>
</div> </div>
@ -114,7 +114,7 @@
<div> <div>
<p>CounterFire & Bitget</p> <p>CounterFire & Bitget</p>
<p>0 gas fee, 100k $CEC rewards to share.</p> <p>0 gas fee, 100k $CEC rewards to share.</p>
<p>Can claim $CEC to your wallet after the event.</p> <p>Can claim $CEC to your wallet after this event.</p>
</div> </div>
</div> </div>
</div> </div>
@ -165,7 +165,7 @@
<div> <div>
<p>CounterFire & Bitget</p> <p>CounterFire & Bitget</p>
<p>0 gas fee, 100k $CEC rewards to share.</p> <p>0 gas fee, 100k $CEC rewards to share.</p>
<p>Can claim $CEC to your wallet after the event.</p> <p>Can claim $CEC to your wallet after this event.</p>
</div> </div>
</div> </div>
</div> </div>
@ -213,7 +213,7 @@
<div> <div>
<p>CounterFire & Bitget</p> <p>CounterFire & Bitget</p>
<p>0 gas fee, 100k $CEC rewards to share.</p> <p>0 gas fee, 100k $CEC rewards to share.</p>
<p>Can claim $CEC to your wallet after the event.</p> <p>Can claim $CEC to your wallet after this event.</p>
</div> </div>
</div> </div>
</div> </div>
@ -223,7 +223,7 @@
<!-- 3 --> <!-- 3 -->
<div v-if="cecUserStatus == 3"> <div v-if="cecUserStatus == 3">
<div class="body-box-title"> <div class="body-box-title">
<h3>1000 $CEC deposit to Bitget in progress</h3> <h3><span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC deposit to Bitget in progress</h3>
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<p>You'll receive your $CEC airdrop in Bitget spot account before the listing time</p> <p>You'll receive your $CEC airdrop in Bitget spot account before the listing time</p>
@ -238,7 +238,8 @@
<h3>Cancel the Pre-Deposit to Bitget</h3> <h3>Cancel the Pre-Deposit to Bitget</h3>
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<p class="cancel">Canceling the Pre-Deposit will forfeit your event rewards, but you can rejoin before it ends or claim $CEC to your wallet later</p> <p class="cancel">Canceling the Pre-Deposit will forfeit your event rewards,<br> but you can rejoin before it ends or claim $CEC to your wallet later</p>
<!-- <p></p> -->
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<div @click="bindAccount('cancel')">Yes</div> <div @click="bindAccount('cancel')">Yes</div>
@ -248,10 +249,11 @@
<!-- 5 取消绑定成功 --> <!-- 5 取消绑定成功 -->
<div v-if="cecUserStatus == 5"> <div v-if="cecUserStatus == 5">
<div class="body-box-title"> <div class="body-box-title">
<h3>1000 $CEC deposit to Bitget in progress</h3> <!-- <h3><span>{{ Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</span> $CEC deposit to Bitget in progress</h3> -->
<!-- <span>Cancellation successful</span> -->
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<p>Cancellation successful</p> <h5>Cancellation successful</h5>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<div @click="reqGetInfo">OK</div> <div @click="reqGetInfo">OK</div>
@ -261,7 +263,7 @@
<!-- 2 回显交易所绑定信息 --> <!-- 2 回显交易所绑定信息 -->
<div v-if="cecUserStatus == 2"> <div v-if="cecUserStatus == 2">
<div class="body-box-title"> <div class="body-box-title">
<h4>Confirm withdrawal of 1000$CEC</h4> <h4>Confirm withdrawal of <span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC</h4>
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<li> <li>
@ -284,7 +286,7 @@
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<div @click="cecUserStatus = 3">Confirm</div> <div @click="cecUserStatus = 3">Confirm</div>
<span @click="cecUserStatus = -1">Back</span> <span @click="cecUserStatus = 1">Back</span>
</div> </div>
</div> </div>
<!-- </div> <!-- </div>
@ -313,6 +315,7 @@
</div> </div>
<div class="address"> <div class="address">
<input type="text" placeholder="$CEC Deposit Address" v-model="tradeAddress"> <input type="text" placeholder="$CEC Deposit Address" v-model="tradeAddress">
<p class="address-invalid" v-if="addressInvalid">Please enter the correct deposit address</p>
</div> </div>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
@ -424,30 +427,43 @@ oldTest1, oldTest2) => {
// 绑定取消绑定 // 绑定取消绑定
const addressInvalid = ref(false)
const bindAccount = async (type) => { const bindAccount = async (type) => {
let walletToken = await new BlockChain().token() let walletToken = await new BlockChain().token()
let token = marketplaceStore.fireToken || walletToken let token = marketplaceStore.fireToken || walletToken
if(type == 'send') { if(type == 'send') {
const data = { if(tradeAddress.value) {
accid: tradeId.value, const data = {
address: tradeAddress.value accid: tradeId.value,
} address: tradeAddress.value
let res = await apiBindAccount(data, token) }
if(res.errcode == 15) { let res = await apiBindAccount(data, token)
} else if(res.errcode == 0) { if(res.errcode == 15) {
cecInfo.value.bindUid = tradeId.value addressInvalid.value = true
cecInfo.value.bindAddress = tradeAddress.value } else if(res.errcode == 12) {
cecUserStatus.value = 2 addressInvalid.value = true
} else if(res.errcode == 11) {
addressInvalid.value = true
} else if(res.errcode == 0) {
cecInfo.value.bindUid = tradeId.value
cecInfo.value.bindAddress = tradeAddress.value
addressInvalid.value = false
cecUserStatus.value = 2
}
} else {
addressInvalid.value = true
} }
} else if(type == 'cancel') { } else if(type == 'cancel') {
const data = { const data = {
accid: '', accid: '',
address: '' address: ''
} }
let res = await apiBindAccount(data, token) let res = await apiBindAccount(data, token)
if(res.errcode == 0) { if(res.errcode == 0) {
cecUserStatus.value = 5 tradeId.value = ''
} tradeAddress.value = ''
cecUserStatus.value = 5
}
} }
} }
@ -470,7 +486,7 @@ onMounted(() => {
padding-top: 84px; padding-top: 84px;
background: #16141b; background: #16141b;
color: #fff; color: #fff;
background: url('@/assets/img/cec_claim/scene_bg.png') no-repeat; background: url('@/assets/img/cec_claim/scene_bg.jpg') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.claim-content { .claim-content {
@ -811,7 +827,7 @@ onMounted(() => {
font-family: "Poppins"; font-family: "Poppins";
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
margin: 0 10px 0 20px; margin: 0 10px;
} }
span { span {
display: inline-block; display: inline-block;
@ -826,7 +842,7 @@ onMounted(() => {
color: #a59dab; color: #a59dab;
font-size: 16px; font-size: 16px;
margin: 10px 0; margin: 10px 0;
margin-left: 50px; margin-left: 40px;
} }
} }
.right { .right {
@ -891,7 +907,7 @@ onMounted(() => {
font-family: 'Poppins'; font-family: 'Poppins';
color: #8d8598; color: #8d8598;
.left { .left {
margin-left: 50px; margin-left: 60px;
width: 390px; width: 390px;
} }
.right { .right {
@ -1002,6 +1018,15 @@ onMounted(() => {
padding-top: 10px; padding-top: 10px;
h3 { h3 {
padding-top: 40px; padding-top: 40px;
span {
font-size: 30px;
}
}
h4 {
margin-bottom: 10px;
span {
font-size: 30px;
}
} }
p { p {
font-family: 'Poppins'; font-family: 'Poppins';
@ -1029,7 +1054,7 @@ onMounted(() => {
} }
} }
.cancel { .cancel {
text-align: left; margin-bottom: 60px;
} }
>div { >div {
width: 747px; width: 747px;
@ -1042,7 +1067,7 @@ onMounted(() => {
height: 100%; height: 100%;
border: 0px; border: 0px;
padding-left: 20px; padding-left: 20px;
font-family: 'Poppins'; font-family: 'Poppins-Regular';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
background: #362E46; background: #362E46;
@ -1119,6 +1144,21 @@ onMounted(() => {
// margin-top: 10px; // margin-top: 10px;
} }
} }
.address-invalid {
margin: 0;
margin-top: 5px;
text-align: left;
color: #fa4962;
font-family: 'Poppins-Regular';
padding-left: 20px;
font-size: 12px;
}
h5 {
font-family: 'Poppins';
font-size: 28px;
text-align: center;
margin-top: 80px;
}
} }
.body-box-btn { .body-box-btn {
display: flex; display: flex;