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 2026-05-26 18:38:29 +08:00
parent c270ef9354
commit b82d67acb3
6 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MaskLayer.vue
View File

@ -110,7 +110,7 @@ onUnmounted(() => {
background-color: #00000080; background-color: #00000080;
position: fixed; position: fixed;
inset: 0; inset: 0;
z-index: 999; z-index: 10000;
overflow: hidden; overflow: hidden;
touch-action: none; touch-action: none;
overscroll-behavior: none; overscroll-behavior: none;

6
src/views/Activities/LuckyDollars/Season5/index.vue
View File

@ -1455,7 +1455,7 @@
</itemCenter> </itemCenter>
<!-- 弹窗遮罩层 --> <!-- 弹窗遮罩层 -->
<maskLayer :maskLayerShow="maskLayerShow"> <maskLayer class="activity-popup-mask" :maskLayerShow="maskLayerShow">
<div <div
style=" style="
width: 100%; width: 100%;
@ -2796,6 +2796,10 @@ onUnmounted(() => {
display: block; display: block;
} }
.activity-popup-mask {
z-index: 10000;
}
[dir='rtl'] .activity-back-btn { [dir='rtl'] .activity-back-btn {
left: auto; left: auto;
right: 4vw; right: 4vw;

6
src/views/Ranking/Couple/index.vue
View File

@ -393,7 +393,7 @@
</div> </div>
<!-- 弹窗遮罩层 --> <!-- 弹窗遮罩层 -->
<maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup"> <maskLayer class="couple-popup-mask" :maskLayerShow="maskLayerShow" @click="closedPopup">
<!-- 我的伴侣弹窗 --> <!-- 我的伴侣弹窗 -->
<div v-show="myCoupleShow" style="position: fixed; bottom: 0; width: 100%"> <div v-show="myCoupleShow" style="position: fixed; bottom: 0; width: 100%">
<div <div
@ -2179,6 +2179,10 @@ onUnmounted(() => {
display: block; display: block;
} }
.couple-popup-mask {
z-index: 10000;
}
[dir='rtl'] .flipImg { [dir='rtl'] .flipImg {
transform: scaleX(-1); transform: scaleX(-1);
} }

6
src/views/Ranking/GamesKing/index.vue
View File

@ -906,7 +906,7 @@
</itemCenter> </itemCenter>
<!-- 弹窗遮罩层 --> <!-- 弹窗遮罩层 -->
<maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup"> <maskLayer class="ranking-popup-mask" :maskLayerShow="maskLayerShow" @click="closedPopup">
<!-- 居中弹窗 --> <!-- 居中弹窗 -->
<div <div
style=" style="
@ -1534,6 +1534,10 @@ onUnmounted(() => {
display: block; display: block;
} }
.ranking-popup-mask {
z-index: 10000;
}
[dir='rtl'] .ranking-back-btn { [dir='rtl'] .ranking-back-btn {
left: auto; left: auto;
right: 4vw; right: 4vw;

6
src/views/Ranking/KingAndQueen/TopList.vue
View File

@ -353,7 +353,7 @@
</div> </div>
<!-- 弹窗遮罩层 --> <!-- 弹窗遮罩层 -->
<maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup"> <maskLayer class="ranking-popup-mask" :maskLayerShow="maskLayerShow" @click="closedPopup">
<!-- help弹窗 --> <!-- help弹窗 -->
<div <div
v-show="helpInfoShow" v-show="helpInfoShow"
@ -1237,6 +1237,10 @@ onUnmounted(() => {
display: block; display: block;
} }
.ranking-popup-mask {
z-index: 10000;
}
[dir='rtl'] .ranking-back-btn { [dir='rtl'] .ranking-back-btn {
left: auto; left: auto;
right: 4vw; right: 4vw;

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

@ -578,7 +578,7 @@
</itemCenter> </itemCenter>
<!-- 弹窗遮罩层 --> <!-- 弹窗遮罩层 -->
<maskLayer :maskLayerShow="maskLayerShow" @click="closedPopup"> <maskLayer class="ranking-popup-mask" :maskLayerShow="maskLayerShow" @click="closedPopup">
<!-- help弹窗 --> <!-- help弹窗 -->
<div v-show="helpInfoShow" style="margin: 20% 0" @click.stop> <div v-show="helpInfoShow" style="margin: 20% 0" @click.stop>
<img v-smart-img :src="webpUrl(getImgName('helpInfo'))" alt="" style="width: 100%" /> <img v-smart-img :src="webpUrl(getImgName('helpInfo'))" alt="" style="width: 100%" />
@ -1340,6 +1340,10 @@ onUnmounted(() => {
display: block; display: block;
} }
.ranking-popup-mask {
z-index: 10000;
}
[dir='rtl'] .ranking-back-btn { [dir='rtl'] .ranking-back-btn {
left: auto; left: auto;
right: 4vw; right: 4vw;