‘首次‘

2023-08-30 09:54:42 +08:00
parent 52cc2a705e
commit 584d8e454f
93 changed files with 20380 additions and 2 deletions
@@ -0,0 +1,97 @@
+<template>
+  <!-- <el-container class="index-con">
+    <el-header class="index-header">
+      <navcon></navcon>
+    </el-header>
+    <el-container class="index-con">
+      <el-aside :class="showclass">
+        <leftnav></leftnav>
+      </el-aside>
+      <el-container class="main-con">
+        <el-main clss="index-main">
+          <router-view></router-view>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container> -->
+
+  <el-container class="index-con">
+    <el-aside :class="showclass">
+      <leftnav></leftnav>
+    </el-aside>
+    <el-container class="main-con">
+      <el-header class="index-header">
+        <navcon></navcon>
+      </el-header>
+      <el-main clss="index-main">
+        <router-view></router-view>
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+<script>
+// 导入组件
+import navcon from '../components/navcon.vue'
+import leftnav from '../components/leftnav.vue'
+export default {
+  name: 'index',
+  data() {
+    return {
+      showclass: 'asideshow',
+      showtype: false
+    }
+  },
+  // 注册组件
+  components: {
+    navcon,
+    leftnav
+  },
+  methods: {},
+  created() {
+    // 监听
+    this.$root.Bus.$on('toggle', value => {
+      if (value) {
+        this.showclass = 'asideshow'
+      } else {
+        setTimeout(() => {
+          this.showclass = 'aside'
+        }, 300)
+      }
+    })
+  },
+  beforeUpdate() {},
+  // 挂载前状态(里面是操作)
+  beforeMount() {
+    // 弹出登录成功
+    this.$message({
+      message: '登录成功',
+      type: 'success'
+    })
+  }
+}
+</script>
+<style >
+.index-con {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.aside {
+  width: 64px !important;
+  height: 100%;
+  background-color: #334157;
+  margin: 0px;
+}
+.asideshow {
+  width: 240px !important;
+  height: 100%;
+  background-color: #334157;
+  margin: 0px;
+}
+.index-header,
+.index-main {
+  padding: 0px;
+  border-left: 2px solid #333;
+}
+</style>