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

feat: 统一路由路径规范

Browse Source
This commit is contained in:
wangqiao
2025-10-08 21:12:51 +08:00
parent f8176abaad
commit b0e5244a79
5 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/kl-menus-v2/index.vue
View File

@ -62,12 +62,12 @@
// 用户中心
const handleUserCenter = () => {
navigateTo('/personal-Center/info')
navigateTo('/personal-center/info')
}
// 消息中心
const handleMessageCenter = () => {
navigateTo('/personal-Center/message-center')
navigateTo('/personal-center/message-center')
}
</script>
<style scoped>

2
components/kl-nav-tab/index.vue
View File

@ -168,7 +168,7 @@
userStore.logout()
userStore.$reset()
} else if (command === '个人中心') {
navigateTo('/personal-Center/info')
navigateTo('/personal-center/info')
}
}

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

@ -4,9 +4,9 @@
<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]">
<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,9 +15,9 @@
</div>
</nuxt-link>
<!-- <nuxt-link to="/personal-Center/personal-profile" class="flex items-center justify-between py-[14px]">
<!-- <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-Center/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,9 +25,9 @@
<el-icon><ArrowRight /></el-icon>
</div>
</nuxt-link>
<nuxt-link to="/personal-Center/account-security" class="flex items-center justify-between py-[14px]">
<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-Center/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,9 +35,9 @@
<el-icon><ArrowRight /></el-icon>
</div>
</nuxt-link> -->
<nuxt-link to="/personal-Center/account-management" class="flex items-center justify-between py-[14px]">
<nuxt-link to="/personal-center/account-management" class="flex items-center justify-between py-[14px]">
<div class="flex items-center pl-[20px]">
<img v-if="!route.path.startsWith('/personal-Center/account-management')" src="~/assets/images/account.png" alt="" srcset="" class="h-[20px]" />
<img v-if="!route.path.startsWith('/personal-center/account-management')" 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>
@ -45,9 +45,9 @@
<el-icon><ArrowRight /></el-icon>
</div>
</nuxt-link>
<nuxt-link to="/personal-Center/resource-center" class="flex items-center justify-between py-[14px]">
<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-Center/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>
@ -55,9 +55,9 @@
<el-icon><ArrowRight /></el-icon>
</div>
</nuxt-link>
<nuxt-link to="/personal-Center/trading-center" class="flex items-center justify-between py-[14px]">
<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-Center/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>
@ -65,9 +65,9 @@
<el-icon><ArrowRight /></el-icon>
</div>
</nuxt-link>
<nuxt-link to="/personal-Center/message-center" class="flex items-center justify-between py-[14px]">
<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-center')" 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>

2
pages/personal-Center/index/info.vue
View File

@ -125,7 +125,7 @@
fetchUserStatistics()
const handleClick = () => {
router.push({ path: '/personal-Center/account-management' })
router.push({ path: '/personal-center/account-management' })
}
const payVisible = ref(false)

2
pages/personal-Center/index/trading-center.vue
View File

@ -11,7 +11,7 @@
<div class="balance-actions">
<el-button type="primary" @click="handlePay">充值</el-button>
<el-button type="danger" @click="handleWithdraw">提现</el-button>
<el-button>兑换</el-button>
<el-button type="warning">兑换</el-button>
</div>
<div class="balance-tip">提示：最低提现金额：100 元，一元=10金币</div>
</div>