ChoChoX/backmanagerweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页和第一页的部分完成，css部分待完善

Browse Source
This commit is contained in:
Kyaru
2026-06-15 20:49:34 +08:00
parent 9114bbd7f4
commit b067ea3723
9 changed files with 379 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/panel.vue
View File

@@ -1,7 +1,6 @@
<script setup>
import {ref} from 'vue'
import {useRoute} from 'vue-router'
import {ArrowLeft, Location, Menu as IconMenu, SwitchButton,} from '@element-plus/icons-vue'
const route = useRoute()
@@ -43,24 +42,38 @@ const switchFold = () => {
router
style="flex: 1; display: flex; flex-direction: column"
>
<el-sub-menu index="1">
<!-- <el-sub-menu index="1">
<template #title>
<el-icon><IconMenu/></el-icon>
<span>一号栏</span>
</template>
<el-menu-item index="/panel/page1">
<el-icon><Location/></el-icon>
<template #title>item one</template>
</el-sub-menu> -->
<el-menu-item index="/panel/home">
<el-icon><House /></el-icon>
<template #title>首页</template>
</el-menu-item>
<el-menu-item index="/panel/page1">
<el-icon><Avatar /></el-icon>
<template #title>客户管理</template>
</el-menu-item>
</el-sub-menu>
<el-menu-item index="/panel/page2">
<el-icon><Location/></el-icon>
<template #title>二号栏</template>
<el-icon><Document /></el-icon>
<template #title>合同管理</template>
</el-menu-item>
<el-menu-item index="/panel/page3">
<el-icon><Location/></el-icon>
<template #title>三号栏</template>
<el-icon><Service /></el-icon>
<template #title>售后管理</template>
</el-menu-item>
<el-menu-item index="/panel/page3">
<el-icon><IceTea /></el-icon>
<template #title>产品管理</template>
</el-menu-item>
<el-menu-item index="/panel/page3">
<el-icon><User /></el-icon>
<template #title>员工管理</template>
</el-menu-item>
<!-- ⭐ 关键：margin-top: auto 把它推到最底部 -->