feat: 添加bbs前端

Yi.BBS.Vue2/src/components/Layout.vue

@@ -0,0 +1,65 @@
+<template>
+  <div>
+   <!-- <iframe id="music" frameborder="no" border="0" marginwidth="0" marginheight="0" width=250 height=86 src="//music.163.com/outchain/player?type=2&id=1454730043&auto=0&height=66"></iframe> -->
+    <v-app id="inspire">
+      <v-navigation-drawer v-model="drawer"   app >
+        <app-navbar></app-navbar>
+        <template v-slot:append >
+          <div class="pa-2">
+            <v-btn block @click="off()"> 退出 </v-btn>
+          </div>
+        </template>
+      </v-navigation-drawer>
+
+      <v-app-bar app class="white">
+        <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+        <app-header></app-header>
+      </v-app-bar>
+
+      <v-main >
+        <app-main ></app-main>
+
+        <!-- <v-footer :absolute="true"  >
+          <v-col class="text-center" cols="12">
+            {{ new Date().getFullYear() }} — <strong>Jiftcc</strong>
+          </v-col>
+        </v-footer> -->
+      </v-main>
+    </v-app>
+  </div>
+</template>
+<script>
+import AppHeader from "./AppHeader.vue";
+import AppNavbar from "./AppNavbar.vue";
+import AppMain from "./AppMain.vue";
+export default {
+  data() {
+    return {
+      drawer: true,
+    };
+  },
+  methods: {
+    off() {
+      this.$store.dispatch("Logout").then((resp) => {
+        this.$router.push("/login");
+      });
+    },
+  },
+  components: {
+    AppHeader,
+    AppNavbar,
+    AppMain,
+  },
+};
+</script>
+<style scoped>
+#music{
+  position: fixed;
+  top: auto;
+  left: auto;
+  bottom: 0;
+  right: 0;
+  z-index: 10000;
+}
+</style>
+