Files
Yi.Framework/Yi.BBS.Vue2/src/components/Layout.vue
2023-02-19 23:50:42 +08:00

66 lines
1.5 KiB
Vue

<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>