拉力赛

This commit is contained in:
yuyongdong 2024-09-19 13:38:02 +08:00
parent cc7a1363de
commit e9d97f1cd4

View File

@ -137,12 +137,27 @@
</div>
<div class="content" v-else-if="cecUserStatus == -1">
<div class="content-tips content-tips-login">
<div>
<div class="user-address">
<span>Address:</span> {{address}}
</div>
<div class="rewards">
<div class="rewards" v-if="localWalletStore.walletType == 3">
<div class="rewards-text">Tournament Rewards</div>
<div class="rewards-hover">12121</div>
<div class="rewards-hover">
<li>
<h6>Tournament: 9.15-9.22</h6>
<div class="rewards-hover-btm">
<img src="@/assets/img/cec_claim/CEC_ICON.png" alt="">
<span>CEC: &nbsp;5000000</span>
</div>
</li>
<li>
<h6>Tournament: 9.15-9.22</h6>
<div class="rewards-hover-btm">
<img src="@/assets/img/cec_claim/CEC_ICON.png" alt="">
<span>CEC: &nbsp;5000000</span>
</div>
</li>
</div>
</div>
</div>
<!-- <div class="content-tips content-tips-login" v-if="cecInfo.bindUid">
@ -402,19 +417,19 @@ const getCecTotal = async () => {
let data = await apiCecInfoAll(address.value, token)
cecInfo.value = data.data
availableAmount.value = cecInfo.value.available
// if(data.data.bindUid) {
// if(data.data.available == 0 || data.data.available == '0') {
// cecUserStatus.value = -2
// } else {
// cecUserStatus.value = -1
// }
// } else {
// if(data.data.available == 0 || data.data.available == '0') {
// cecUserStatus.value = -2
// } else {
// cecUserStatus.value = -1
// }
// }
if(data.data.bindUid) {
if(data.data.available == 0 || data.data.available == '0') {
cecUserStatus.value = -2
} else {
cecUserStatus.value = -1
}
} else {
if(data.data.available == 0 || data.data.available == '0') {
cecUserStatus.value = -2
} else {
cecUserStatus.value = -1
}
}
}
}
@ -774,10 +789,12 @@ onMounted(() => {
// text-align: center;
font-family: "Poppins-Regular";
font-size: 14px;
span {
font-size: 16px;
font-family: 'Poppins';
font-weight: 700;
.user-address {
span {
font-size: 16px;
font-family: 'Poppins';
font-weight: 700;
}
}
.rewards {
width: 222px;
@ -788,8 +805,48 @@ onMounted(() => {
margin-left: 20px;
font-family: 'Poppins-Regular';
font-size: 18px;
color: #FEC25D;
cursor: pointer;
position: relative;
.rewards-text {
color: #FEC25D;
}
.rewards-hover {
display: none;
position: absolute;
top: -20px;
right: -115%;
background: #1a1821;
border: 1px solid #B966FF;
box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
padding: 0 20px;
border-radius: 15px;
box-sizing: border-box;
li {
h6 {
margin: 10px 0;
}
.rewards-hover-btm {
display: flex;
border-bottom: 1px solid #3D4057;
padding-bottom: 10px;
img {
width: 28px;
height: 27px;
margin-right: 10px;
}
}
&:last-child {
.rewards-hover-btm {
border: 0px;
}
}
}
}
&:hover {
.rewards-hover {
display: block
}
}
}
}
.content-btn {