Files
Yi.Admin/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue

49 lines
1.3 KiB
Vue
Raw Normal View History

2024-01-25 20:32:01 +08:00
<template>
<el-menu
default-active="1"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
2024-01-29 18:26:51 +08:00
router
2024-01-25 20:32:01 +08:00
>
2024-01-29 18:26:51 +08:00
<el-menu-item index="1" :route="{path:'/activity/sign'}">
2024-01-25 20:32:01 +08:00
<el-icon><Present /></el-icon>
<span>每日签到</span>
</el-menu-item>
2024-01-29 18:26:51 +08:00
<el-menu-item index="2" :route="{path:'/activity/level'}">
<el-icon><Ticket /></el-icon>
<span>等级</span>
</el-menu-item>
<el-menu-item index="3" :route="{path:'/activity/sign'}">
2024-01-25 20:32:01 +08:00
<el-icon><Memo /></el-icon>
<span>任务列表</span>
</el-menu-item>
2024-01-29 18:26:51 +08:00
<el-menu-item index="4" :route="{path:'/activity/sign'}">
2024-01-25 20:32:01 +08:00
<el-icon><HelpFilled /></el-icon>
<span>大转盘</span>
</el-menu-item>
2024-01-29 18:26:51 +08:00
<el-menu-item index="5" :route="{path:'/activity/sign'}">
2024-01-25 20:32:01 +08:00
<el-icon><Sunrise /></el-icon>
<span>娱乐城</span>
</el-menu-item>
</el-menu>
</template>
<script setup>
const handleOpen = (key, keyPath) => {
console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
console.log(key, keyPath)
}
</script>
<style lang="scss" scoped>
.el-menu-item
{
justify-content: center;
}
.el-menu{
border-right-width: 0px !important;
}
</style>