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-05-20 17:29:00 +08:00
parent c883736ea4
commit 91e59bff21
3 changed files with 75 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/common/Whitelist.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 952 B

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

@ -8,6 +8,16 @@
</div>
<div class="left-top-points">
<div class="left-top-points-left">
<li>
<div class="top">
<span class="">{{ usesInWhiteList }}</span>
<div>
<img src="./../../assets/common/Whitelist.png" alt />
</div>
</div>
<div class="btm">Whitelist</div>
<!-- <div class="hover-tips">Successful invitations</div> -->
</li>
<li>
<div class="top">
<span class="">{{ usesInviteCount }}</span>
@ -623,6 +633,16 @@
</div>
<div class="left-top-points">
<div class="left-top-points-left">
<li>
<div class="top">
<span class="">{{ usesInWhiteList }}</span>
<div>
<img src="./../../assets/common/Whitelist.png" alt />
</div>
</div>
<div class="btm">Whitelist</div>
<!-- <div class="hover-tips">Successful invitations</div> -->
</li>
<li>
<div class="top">
<span class="">{{ usesInviteCount }}</span>
@ -755,6 +775,16 @@
</div>
<div class="left-top-points">
<div class="left-top-points-left">
<li>
<div class="top">
<span class="">{{ usesInWhiteList }}</span>
<div>
<img src="./../../assets/common/Whitelist.png" alt />
</div>
</div>
<div class="btm">Whitelist</div>
<!-- <div class="hover-tips">Successful invitations</div> -->
</li>
<li>
<div class="top">
<span class="">{{ usesInviteCount }}</span>
@ -1180,6 +1210,9 @@ export default {
},
usesEmail() {
return this.$store.state.user.userData?.gameMail || undefined;
},
usesInWhiteList() {
return this.$store.state.user.userData?.inWhiteList || 0;
}
},
created() {
@ -2153,8 +2186,8 @@ export default {
li:nth-child(1) {
cursor: pointer;
img {
width: 17px;
height: 11px;
width: 15px;
height: 15px;
}
&:hover {
.hover-tips {
@ -2163,6 +2196,18 @@ export default {
}
}
li:nth-child(2) {
cursor: pointer;
img {
width: 17px;
height: 11px;
}
&:hover {
.hover-tips {
display: block;
}
}
}
li:nth-child(3) {
cursor: pointer;
img {
width: 13px;
@ -2175,12 +2220,6 @@ export default {
}
}
}
li:nth-child(3) {
img {
width: 15px;
height: 15px;
}
}
li:nth-child(4) {
img {
width: 15px;
@ -2194,6 +2233,12 @@ export default {
}
}
li:nth-child(6) {
img {
width: 15px;
height: 15px;
}
}
li:nth-child(7) {
img {
width: 12px;
height: 16px;
@ -3471,6 +3516,18 @@ export default {
}
}
li:nth-child(1) {
cursor: pointer;
img {
width: 15px;
height: 15px;
}
&:hover {
.hover-tips {
display: block;
}
}
}
li:nth-child(2) {
cursor: pointer;
img {
width: 17px;
@ -3482,7 +3539,7 @@ export default {
}
}
}
li:nth-child(2) {
li:nth-child(3) {
cursor: pointer;
img {
width: 13px;
@ -3495,7 +3552,7 @@ export default {
}
}
}
li:nth-child(3) {
li:nth-child(4) {
.top {
div {
img {
@ -3505,12 +3562,6 @@ export default {
}
}
}
li:nth-child(4) {
img {
width: 15px;
height: 15px;
}
}
li:nth-child(5) {
img {
width: 15px;
@ -3518,6 +3569,12 @@ export default {
}
}
li:nth-child(6) {
img {
width: 15px;
height: 15px;
}
}
li:nth-child(7) {
img {
width: 12px;
height: 16px;

4
src/views/home/pointsDialog.vue
View File

@ -29,7 +29,7 @@
<el-table-column label="Rewards">
<template slot-scope="{ row }">
<div v-if="row.score" class="points">
<div>
<div v-if="row.score > 0">
<span>{{ row.score }}</span>
<img src="./../../assets/common/Game .png" alt />
</div>
@ -41,7 +41,7 @@
src="./../../assets/common/common_icon_NFT.png"
alt
/>
<img v-else src="./../../assets/common/wallet-yes.png" alt />
<img v-else src="./../../assets/common/Whitelist.png" alt />
</div>
</div>
</template>