73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>博客首页</title>
|
||
|
|
<meta name="author" content="JIAL">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||
|
|
<meta name="HandheldFriendly" content="true">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||
|
|
<link rel="icon" href="/static/image/avatar.jpg" type="image/x-icon">
|
||
|
|
<link rel="stylesheet" type="text/css" href="/static/style/css/main.css">
|
||
|
|
<link rel="stylesheet" href="/plugins/element-ui/index.css">
|
||
|
|
<!-- import CSS -->
|
||
|
|
<link rel="stylesheet" href="css/index.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="index-app" class="container">
|
||
|
|
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
|
||
|
|
<el-submenu index="1">
|
||
|
|
<template slot="title">我的工作台</template>
|
||
|
|
<el-menu-item index="1-1">选项1</el-menu-item>
|
||
|
|
<el-menu-item index="1-2">选项2</el-menu-item>
|
||
|
|
<el-menu-item index="1-3">选项3</el-menu-item>
|
||
|
|
</el-submenu>
|
||
|
|
<el-menu-item index="2">工作中心</el-menu-item>
|
||
|
|
<el-menu-item index="3">消息中心</el-menu-item>
|
||
|
|
<el-menu-item index="4">账号管理</a></el-menu-item>
|
||
|
|
</el-menu>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="/static/style/js/main.js"></script>
|
||
|
|
<script src="/plugins/vue/vue.js"></script>
|
||
|
|
<script src="/plugins/element-ui/index.js"></script>
|
||
|
|
<script src="/plugins/calendar/calendar.js"></script>
|
||
|
|
<script src="/plugins/axios/axios.min.js"></script>
|
||
|
|
<script src="/plugins/axios/request.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
new Vue({
|
||
|
|
el: '#index-app',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async init () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
handleOpen(key, keyPath) {
|
||
|
|
console.log(key, keyPath);
|
||
|
|
},
|
||
|
|
handleClose(key, keyPath) {
|
||
|
|
console.log(key, keyPath);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|