You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.4 KiB
55 lines
1.4 KiB
<template>
|
|
<el-container>
|
|
<el-header>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<h1>直播间状态通知</h1>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-menu mode="horizontal" :router="true" :default-active="store.state.route">
|
|
<el-menu-item index="/home">主页</el-menu-item>
|
|
<el-submenu index="">
|
|
<template v-slot:title>个人信息</template>
|
|
<el-menu-item index="/password">修改密码</el-menu-item>
|
|
<el-menu-item index="/email">修改邮箱</el-menu-item>
|
|
<el-menu-item index="/">退出登录</el-menu-item>
|
|
</el-submenu>
|
|
</el-menu>
|
|
</el-col>
|
|
</el-row>
|
|
</el-header>
|
|
<el-main>
|
|
<Home v-if="$route.fullPath==='/'"/>
|
|
<router-view v-else/>
|
|
</el-main>
|
|
</el-container>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {defineComponent} from 'vue'
|
|
import Home from "./components/Home.vue";
|
|
import {useStore} from "vuex";
|
|
|
|
|
|
export default defineComponent({
|
|
name: 'App',
|
|
components: {Home},
|
|
setup() {
|
|
const store = useStore()
|
|
|
|
return {store}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
margin-top: 60px;
|
|
}
|
|
</style> |