hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(活动和排行版): 修复前三名模块的点击遮挡问题

Browse Source
This commit is contained in:
hzj 2025-12-16 14:43:15 +08:00
parent 8d66893092
commit 827ba108f7
3 changed files with 118 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/Activities/Game/index.vue
View File

@ -112,27 +112,46 @@
/>
</div>
<!-- 第二三 -->
<div style="display: flex; justify-content: space-between; margin-top: -30%">
<TopUser
:isTopOne="false"
ranking="2"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].avatar"
:name="RankingHasTop3[1].nickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 34%"
@click="viewUserInfo(RankingHasTop3[1].userId)"
/>
<TopUser
:isTopOne="false"
ranking="3"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].avatar"
:name="RankingHasTop3[2].nickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 34%"
@click="viewUserInfo(RankingHasTop3[2].userId)"
/>
<div
style="
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
margin-top: -30%;
pointer-events: none;
"
>
<div
style="pointer-events: auto; width: 34%"
@click.stop="viewUserInfo(RankingHasTop3[1].userId)"
>
<TopUser
:isTopOne="false"
ranking="2"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].avatar"
:name="RankingHasTop3[1].nickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 100%"
/>
</div>
<div
style="pointer-events: auto; width: 34%"
@click.stop="viewUserInfo(RankingHasTop3[2].userId)"
>
<TopUser
:isTopOne="false"
ranking="3"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].avatar"
:name="RankingHasTop3[2].nickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 100%"
/>
</div>
</div>
</div>
</itemCenter>

61
src/views/Activities/LuckyChampion/index.vue
View File

@ -121,27 +121,46 @@
/>
</div>
<!-- 第二三 -->
<div style="display: flex; justify-content: space-between; margin-top: -23%">
<TopUser
:isTopOne="false"
ranking="2"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].avatar"
:name="RankingHasTop3[1].nickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 36%"
@click="viewUserInfo(RankingHasTop3[1].userId)"
/>
<TopUser
:isTopOne="false"
ranking="3"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].avatar"
:name="RankingHasTop3[2].nickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 36%"
@click="viewUserInfo(RankingHasTop3[2].userId)"
/>
<div
style="
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
margin-top: -23%;
pointer-events: none;
"
>
<div
style="pointer-events: auto; width: 36%"
@click.stop="viewUserInfo(RankingHasTop3[1].userId)"
>
<TopUser
:isTopOne="false"
ranking="2"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].avatar"
:name="RankingHasTop3[1].nickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 100%"
/>
</div>
<div
style="pointer-events: auto; width: 36%"
@click.stop="viewUserInfo(RankingHasTop3[2].userId)"
>
<TopUser
:isTopOne="false"
ranking="3"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].avatar"
:name="RankingHasTop3[2].nickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 100%"
/>
</div>
</div>
</div>
</itemCenter>

57
src/views/Ranking/WeeklyStar/WeeklyStar.vue
View File

@ -136,25 +136,44 @@
/>
</div>
<!-- 第二三 -->
<div style="display: flex; justify-content: space-between; margin-top: -20%">
<TopUser
:isTopOne="false"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].userAvatar"
:name="RankingHasTop3[1].userNickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 35%"
@click="viewUserInfo(RankingHasTop3[1].userId)"
/>
<TopUser
:isTopOne="false"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].userAvatar"
:name="RankingHasTop3[2].userNickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 35%"
@click="viewUserInfo(RankingHasTop3[2].userId)"
/>
<div
style="
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
margin-top: -20%;
pointer-events: none;
"
>
<div
style="pointer-events: auto; width: 35%"
@click.stop="viewUserInfo(RankingHasTop3[1].userId)"
>
<TopUser
:isTopOne="false"
:BorderImgUrl="imageUrl('topTwo')"
:avatarUrl="RankingHasTop3[1].userAvatar"
:name="RankingHasTop3[1].userNickname"
:distributionValue="RankingHasTop3[1].quantity"
style="width: 100%"
/>
</div>
<div
style="pointer-events: auto; width: 35%"
@click.stop="viewUserInfo(RankingHasTop3[2].userId)"
>
<TopUser
:isTopOne="false"
:BorderImgUrl="imageUrl('topThree')"
:avatarUrl="RankingHasTop3[2].userAvatar"
:name="RankingHasTop3[2].userNickname"
:distributionValue="RankingHasTop3[2].quantity"
style="width: 100%"
/>
</div>
</div>
</div>