保存进度!
This commit is contained in:
parent
1c25e18d0f
commit
3b1fbf611e
|
@ -0,0 +1,58 @@
|
||||||
|
<!--
|
||||||
|
* @Author: Kane
|
||||||
|
* @Date: 2023-01-04 11:05:44
|
||||||
|
* @LastEditors: Kane
|
||||||
|
* @LastEditTime: 2023-01-05 11:22:34
|
||||||
|
* @FilePath: \admin_system\src\layout\index.vue
|
||||||
|
* @Description:
|
||||||
|
*
|
||||||
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-container id="layout-container">
|
||||||
|
<el-aside id="layout-aside">
|
||||||
|
<LayoutAside />
|
||||||
|
</el-aside>
|
||||||
|
<el-container>
|
||||||
|
<el-header id="layout-header">
|
||||||
|
<LayoutHeader />
|
||||||
|
</el-header>
|
||||||
|
<el-main id="layout-main">
|
||||||
|
<LayoutMain />
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import LayoutAside from "./components/Aside.vue";
|
||||||
|
import LayoutHeader from "./components/Header.vue";
|
||||||
|
import LayoutMain from "./components/Main.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "layoutPage",
|
||||||
|
components: {
|
||||||
|
LayoutAside, LayoutHeader, LayoutMain,
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#layout-container {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#layout-aside {
|
||||||
|
width: 200px;
|
||||||
|
background-color: #344a5f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#layout-header {
|
||||||
|
height: 75px;
|
||||||
|
background-color: #77bc99;
|
||||||
|
}
|
||||||
|
|
||||||
|
#layout-main {
|
||||||
|
background-color: #bc77a1;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,60 @@
|
||||||
|
<!--
|
||||||
|
* @Author: Kane
|
||||||
|
* @Date: 2023-01-04 11:30:33
|
||||||
|
* @LastEditors: Kane
|
||||||
|
* @LastEditTime: 2023-01-05 11:31:59
|
||||||
|
* @FilePath: \admin_system\src\layout\components\Aside.vue
|
||||||
|
* @Description:
|
||||||
|
*
|
||||||
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-menu id="side-bar" default-active="4" background-color="#344a5f" text-color="#fff" active-text-color="#ffd04b">
|
||||||
|
<el-menu-item index="4">
|
||||||
|
<template #title>控制台</template>
|
||||||
|
</el-menu-item>
|
||||||
|
<el-sub-menu index="1">
|
||||||
|
<template #title>信息管理</template>
|
||||||
|
<el-menu-item index="1-4-1">
|
||||||
|
<template #title>信息列表</template>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-sub-menu>
|
||||||
|
<el-sub-menu index="1">
|
||||||
|
<template #title>信息管理</template>
|
||||||
|
<el-menu-item index="1-4-1">
|
||||||
|
<template #title>信息列表</template>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-sub-menu>
|
||||||
|
<el-sub-menu index="2">
|
||||||
|
<template #title>信息管理</template>
|
||||||
|
<el-menu-item index="1-4-1">
|
||||||
|
<template #title>信息列表</template>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-sub-menu>
|
||||||
|
<el-sub-menu index="3">
|
||||||
|
<template #title>信息管理</template>
|
||||||
|
<el-menu-item index="1-4-1">
|
||||||
|
<template #title>信息列表</template>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-sub-menu>
|
||||||
|
<el-sub-menu index="4">
|
||||||
|
<template #title>信息管理</template>
|
||||||
|
<el-menu-item index="1-4-1">
|
||||||
|
<template #title>信息列表</template>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-sub-menu>
|
||||||
|
</el-menu>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "LayoutAside"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.el-menu {
|
||||||
|
border-right: none;
|
||||||
|
border-left: 5px solid #1d74b2;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!--
|
||||||
|
* @Author: Kane
|
||||||
|
* @Date: 2023-01-04 11:39:04
|
||||||
|
* @LastEditors: Kane
|
||||||
|
* @LastEditTime: 2023-01-04 11:39:05
|
||||||
|
* @FilePath: \admin_system\src\layout\components\Header.vue
|
||||||
|
* @Description:
|
||||||
|
*
|
||||||
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>Header</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "LayoutHeader"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!--
|
||||||
|
* @Author: Kane
|
||||||
|
* @Date: 2023-01-04 11:40:03
|
||||||
|
* @LastEditors: Kane
|
||||||
|
* @LastEditTime: 2023-01-04 11:40:04
|
||||||
|
* @FilePath: \admin_system\src\layout\components\Main.vue
|
||||||
|
* @Description:
|
||||||
|
*
|
||||||
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
Main
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "LayoutMain"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -2,30 +2,35 @@
|
||||||
* @Author: Kane
|
* @Author: Kane
|
||||||
* @Date: 2022-12-14 15:12:46
|
* @Date: 2022-12-14 15:12:46
|
||||||
* @LastEditors: Kane
|
* @LastEditors: Kane
|
||||||
* @LastEditTime: 2022-12-14 16:19:17
|
* @LastEditTime: 2023-01-04 11:26:12
|
||||||
* @FilePath: \admin_system\src\router\index.js
|
* @FilePath: \admin_system\src\router\index.js
|
||||||
* @Description:
|
* @Description:
|
||||||
*
|
*
|
||||||
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
* Copyright (c) ${2022} by Kane, All Rights Reserved.
|
||||||
*/
|
*/
|
||||||
import { createRouter, createWebHashHistory } from 'vue-router'
|
import { createRouter, createWebHashHistory } from 'vue-router';
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
name: "Home",
|
name: "Root",
|
||||||
redirect: "Login",
|
redirect: "Home",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/login",
|
path: "/login",
|
||||||
name: "Login",
|
name: "Login",
|
||||||
component: () => import("../views/account/Login.vue"),
|
component: () => import("../views/account/Login.vue"),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/home",
|
||||||
|
name: "Home",
|
||||||
|
component: () => import("../layout/Index.vue"),
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHashHistory(),
|
history: createWebHashHistory(),
|
||||||
routes
|
routes
|
||||||
})
|
});
|
||||||
|
|
||||||
export default router
|
export default router;
|
||||||
|
|
Loading…
Reference in New Issue