|
|
@@ -0,0 +1,58 @@
|
|
|
+<template>
|
|
|
+ <div id="frame">
|
|
|
+ <el-container style="height:100vh">
|
|
|
+ <el-header class="header">
|
|
|
+ 头部
|
|
|
+ </el-header>
|
|
|
+ <el-container class="container">
|
|
|
+ <el-aside width="200px" class="aside">
|
|
|
+ <el-menu :default-active="$route.path" class="el-menu-vertical-demo" router overflow-y: scroll>
|
|
|
+ <el-menu-item index="/admin/homeIndex">首页</el-menu-item>
|
|
|
+ <el-menu-item index="/admin/test">测试页面</el-menu-item>
|
|
|
+ </el-menu>
|
|
|
+ </el-aside>
|
|
|
+ <el-main class="main">
|
|
|
+ <router-view></router-view>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </el-container>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'frame',
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data: function() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ test: {
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ handler(val) {},
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.header {
|
|
|
+ border-bottom: 1px solid #ff0000;
|
|
|
+}
|
|
|
+.container {
|
|
|
+ .aside {
|
|
|
+ border-right: 1px solid #ff0000;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
