feat: 完成界面基础搭建

This commit is contained in:
陈淳
2023-09-26 09:21:27 +08:00
parent 4e5bdf6847
commit c2a9c670c4
4 changed files with 376 additions and 13 deletions

View File

@@ -1,5 +1,46 @@
<template>={{ table }}</template>
<script setup>
<template>
<h5 class="mb-2"> {{table}}</h5>
<el-menu
default-active="2"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
>
<el-menu-item index="1">
<el-icon><setting /></el-icon>
<span>Navigator Four</span>
</el-menu-item>
<el-menu-item index="2">
<el-icon><setting /></el-icon>
<span>Navigator Four</span>
</el-menu-item>
<el-menu-item index="3">
<el-icon><setting /></el-icon>
<span>Navigator Four</span>
</el-menu-item>
<el-menu-item index="4">
<el-icon><setting /></el-icon>
<span>Navigator Four</span>
</el-menu-item>
<el-menu-item index="5">
<el-icon><setting /></el-icon>
<span>Navigator Four</span>
</el-menu-item>
</el-menu>
</template>
<script lang="ts" setup>
import useTable from '../hooks/useTable'
const {table}=useTable();
</script>
const handleOpen = (key, keyPath) => {
console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
console.log(key, keyPath)
}
</script>