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

72
src/views/ClaimView.vue
View File

@ -63,7 +63,7 @@
<div>
<p>CounterFire & Bitget</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>
@ -114,7 +114,7 @@
<div>
<p>CounterFire & Bitget</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>
@ -165,7 +165,7 @@
<div>
<p>CounterFire & Bitget</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>
@ -213,7 +213,7 @@
<div>
<p>CounterFire & Bitget</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>
@ -223,7 +223,7 @@
<!-- 3 -->
<div v-if="cecUserStatus == 3">
<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 class="body-box-con">
<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>
</div>
<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 class="body-box-btn">
<div @click="bindAccount('cancel')">Yes</div>
@ -248,10 +249,11 @@
<!-- 5 取消绑定成功 -->
<div v-if="cecUserStatus == 5">
<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 class="body-box-con">
<p>Cancellation successful</p>
<h5>Cancellation successful</h5>
</div>
<div class="body-box-btn">
<div @click="reqGetInfo">OK</div>
@ -261,7 +263,7 @@
<!-- 2 回显交易所绑定信息 -->
<div v-if="cecUserStatus == 2">
<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 class="body-box-con">
<li>
@ -284,7 +286,7 @@
</div>
<div class="body-box-btn">
<div @click="cecUserStatus = 3">Confirm</div>
<span @click="cecUserStatus = -1">Back</span>
<span @click="cecUserStatus = 1">Back</span>
</div>
</div>
<!-- </div>
@ -313,6 +315,7 @@
</div>
<div class="address">
<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 class="body-box-btn">
@ -424,21 +427,32 @@ oldTest1, oldTest2) => {
// 绑定取消绑定
const addressInvalid = ref(false)
const bindAccount = async (type) => {
let walletToken = await new BlockChain().token()
let token = marketplaceStore.fireToken || walletToken
if(type == 'send') {
if(tradeAddress.value) {
const data = {
accid: tradeId.value,
address: tradeAddress.value
}
let res = await apiBindAccount(data, token)
if(res.errcode == 15) {
addressInvalid.value = true
} else if(res.errcode == 12) {
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') {
const data = {
accid: '',
@ -446,6 +460,8 @@ const bindAccount = async (type) => {
}
let res = await apiBindAccount(data, token)
if(res.errcode == 0) {
tradeId.value = ''
tradeAddress.value = ''
cecUserStatus.value = 5
}
}
@ -470,7 +486,7 @@ onMounted(() => {
padding-top: 84px;
background: #16141b;
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%;
position: relative;
.claim-content {
@ -811,7 +827,7 @@ onMounted(() => {
font-family: "Poppins";
font-size: 24px;
font-weight: 700;
margin: 0 10px 0 20px;
margin: 0 10px;
}
span {
display: inline-block;
@ -826,7 +842,7 @@ onMounted(() => {
color: #a59dab;
font-size: 16px;
margin: 10px 0;
margin-left: 50px;
margin-left: 40px;
}
}
.right {
@ -891,7 +907,7 @@ onMounted(() => {
font-family: 'Poppins';
color: #8d8598;
.left {
margin-left: 50px;
margin-left: 60px;
width: 390px;
}
.right {
@ -1002,6 +1018,15 @@ onMounted(() => {
padding-top: 10px;
h3 {
padding-top: 40px;
span {
font-size: 30px;
}
}
h4 {
margin-bottom: 10px;
span {
font-size: 30px;
}
}
p {
font-family: 'Poppins';
@ -1029,7 +1054,7 @@ onMounted(() => {
}
}
.cancel {
text-align: left;
margin-bottom: 60px;
}
>div {
width: 747px;
@ -1042,7 +1067,7 @@ onMounted(() => {
height: 100%;
border: 0px;
padding-left: 20px;
font-family: 'Poppins';
font-family: 'Poppins-Regular';
font-weight: 400;
font-size: 16px;
background: #362E46;
@ -1119,6 +1144,21 @@ onMounted(() => {
// 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 {
display: flex;