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.
51 lines
1.3 KiB
51 lines
1.3 KiB
<template>
|
|
<el-container>
|
|
<el-header>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<h1>直播间状态通知</h1>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-menu mode="horizontal" :default-active="activeIndex">
|
|
<el-menu-item index="1"><router-link to="/">主页</router-link></el-menu-item>
|
|
<el-submenu index="2">
|
|
<template v-slot:title>个人信息</template>
|
|
<el-menu-item index="2-1">修改密码</el-menu-item>
|
|
<el-menu-item index="2-2"><router-link to="/email">修改邮箱</router-link></el-menu-item>
|
|
<el-menu-item index="2-3"><router-link to="">退出登录</router-link></el-menu-item>
|
|
</el-submenu>
|
|
</el-menu>
|
|
</el-col>
|
|
</el-row>
|
|
</el-header>
|
|
<el-main>
|
|
<router-view></router-view>
|
|
</el-main>
|
|
</el-container>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {defineComponent, ref} from 'vue'
|
|
|
|
|
|
export default defineComponent({
|
|
name: 'App',
|
|
setup(){
|
|
const activeIndex=ref<string>('1')
|
|
|
|
return {activeIndex}
|
|
}
|
|
})
|
|
</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> |