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

fix(CP页面): 修复星座榜首的移动和个人中心点击事件冲突问题

Browse Source
This commit is contained in:
hzj 2026-03-21 19:16:30 +08:00
parent 7a0b9142c4
commit eccd984fc1
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,8 +74,14 @@
:style="{ width: index === centerIndex ? '60vw' : '40vw' }" :style="{ width: index === centerIndex ? '60vw' : '40vw' }"
:imgUrl="twelveSigns[index]?.bgUrl" :imgUrl="twelveSigns[index]?.bgUrl"
:contentStyle="``" :contentStyle="``"
@click="moveToCenter(index)"
> >
<!-- 非居中时显示遮罩层用于移动 -->
<div
v-if="index !== centerIndex"
style="position: absolute; z-index: 10; inset: 0"
@click="moveToCenter(index)"
></div>
<!-- 点击事件 --> <!-- 点击事件 -->
<div <div
style=" style="
@ -90,12 +96,12 @@
<!-- 情侣1 --> <!-- 情侣1 -->
<div <div
style="flex: 1; min-width: 0; align-self: stretch" style="flex: 1; min-width: 0; align-self: stretch"
@click="viewUserInfo(item.userId)" @click.stop="viewUserInfo(item.userId)"
></div> ></div>
<!-- 情侣2 --> <!-- 情侣2 -->
<div <div
style="flex: 1; min-width: 0; align-self: stretch" style="flex: 1; min-width: 0; align-self: stretch"
@click="viewUserInfo(item.cpUserId)" @click.stop="viewUserInfo(item.cpUserId)"
></div> ></div>
</div> </div>