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

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

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

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

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