wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dialog close handler and fix personal center routing

Browse Source
This commit is contained in:
wangqiao
2025-08-29 08:53:43 +08:00
parent 53121ca5f7
commit e02c17066d
3 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/kl-quick-menu/components/kl-vip.vue
View File

@ -1,5 +1,5 @@
<template>
<el-dialog v-model="visible" width="800px" class="vip-dialog" align-center>
<el-dialog v-model="visible" width="800px" class="vip-dialog" align-center @close="handleClose">
<template #header>
<div class="vip-modal-title">VIP套餐</div>
</template>
@ -133,6 +133,14 @@
clearInterval(interval.value)
interval.value = undefined
}
/** 关闭弹窗 */
const handleClose = () => {
visible.value = false
// 清空任务
clearInterval(interval.value)
interval.value = undefined
}
</script>
<style scoped>
@ -239,7 +247,7 @@
:deep(.el-dialog__header) {
.el-dialog__close {
top: -10px !important
top: -10px !important;
}
}
</style>

16
pages/personal-Center/index.vue
View File

@ -1,10 +1,12 @@
<template>
<KlNavTab />
<div class="ma-auto w-[1198px] flex justify-between">
<div class="left mt-[25px] box-border h-[370px] w-[260px] border border-[#EEEEEE] rounded-[4px] border-solid bg-[#FFFFFF] text-[15px] text-[#333333] font-medium">
<div
class="left mt-[25px] box-border h-[370px] w-[260px] border border-[#EEEEEE] rounded-[4px] border-solid bg-[#FFFFFF] text-[15px] text-[#333333] font-medium"
>
<nuxt-link to="/personal-Center/info" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="route.path.startsWith('/personal/center/info')" src="~/assets/images/user3.png" alt="" srcset="" class="h-[20px]" />
<img v-if="route.path.startsWith('/personal-Center/info')" src="~/assets/images/user3.png" alt="" srcset="" class="h-[20px]" />
<img v-else src="~/assets/images/个人.png" alt="" srcset="" class="h-[20px]" />
<span class="ml-[10px]">个人中心</span>
</div>
@ -15,7 +17,7 @@
<nuxt-link to="/personal-Center/personal-profile" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal/profile')" src="~/assets/images/user_zl.png" alt="" srcset="" class="h-[16px]" />
<img v-if="!route.path.startsWith('/personal-Center/personal-profile')" src="~/assets/images/user_zl.png" alt="" srcset="" class="h-[16px]" />
<img v-else src="~/assets/images/个人资料 (1).png" alt="" srcset="" class="h-[16px]" />
<span class="ml-[10px]">个人资料</span>
</div>
@ -25,7 +27,7 @@
</nuxt-link>
<nuxt-link to="/personal-Center/account-security" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal/account/security')" src="~/assets/images/account.png" alt="" srcset="" class="h-[20px]" />
<img v-if="!route.path.startsWith('/personal-Center/account-security')" src="~/assets/images/account.png" alt="" srcset="" class="h-[20px]" />
<img v-else src="~/assets/images/账户安全.png" alt="" srcset="" class="h-[20px]" />
<span class="ml-[14px]">账户与安全</span>
</div>
@ -35,7 +37,7 @@
</nuxt-link>
<nuxt-link to="/personal-Center/resource-center" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal/resource/center')" src="~/assets/images/ziyuan.png" alt="" srcset="" class="h-[18px]" />
<img v-if="!route.path.startsWith('/personal-Center/resource-center')" src="~/assets/images/ziyuan.png" alt="" srcset="" class="h-[18px]" />
<img v-else src="~/assets/images/资源.png" alt="" srcset="" class="h-[18px]" />
<span class="ml-[12px]">资源中心</span>
</div>
@ -45,7 +47,7 @@
</nuxt-link>
<nuxt-link to="/personal-Center/trading-center" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal/trading/center')" src="~/assets/images/pay.png" alt="" srcset="" class="h-[20px]" />
<img v-if="!route.path.startsWith('/personal-Center/trading-center')" src="~/assets/images/pay.png" alt="" srcset="" class="h-[20px]" />
<img v-else src="~/assets/images/交易管理.png" alt="" srcset="" class="h-[20px]" />
<span class="ml-[12px]">交易中心</span>
</div>
@ -55,7 +57,7 @@
</nuxt-link>
<nuxt-link to="/personal-Center/message-center" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal/center/message')" src="~/assets/images/message.png" alt="" srcset="" class="h-[18px]" />
<img v-if="!route.path.startsWith('/personal-Center/message-center')" src="~/assets/images/message.png" alt="" srcset="" class="h-[18px]" />
<img v-else src="~/assets/images/消息.png" alt="" srcset="" class="h-[18px]" />
<span class="ml-[14px]">消息通知</span>
</div>

10
pages/personal-Center/index/components/pay.vue
View File

@ -1,5 +1,5 @@
<template>
<el-dialog v-model="visible" width="800px" class="vip-dialog" align-center>
<el-dialog v-model="visible" width="800px" class="vip-dialog" align-center @close="handleClose">
<template #header>
<div class="vip-modal-title">钱包充值</div>
</template>
@ -135,6 +135,14 @@
clearInterval(interval.value)
interval.value = undefined
}
/** 关闭弹窗 */
const handleClose = () => {
visible.value = false
// 清空任务
clearInterval(interval.value)
interval.value = undefined
}
</script>
<style scoped>