55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
|
<template>
|
||
|
<div id="side_menu">
|
||
|
<el-menu
|
||
|
default-active="1"
|
||
|
background-color="#373d48"
|
||
|
text-color="#909399"
|
||
|
active-text-color="#ffffff"
|
||
|
:router="true"
|
||
|
class="el-menu-vertical timeline-menu">
|
||
|
<el-menu-item index="1" :route="{path: `/${id()}/home`}">
|
||
|
<icon name="home"></icon>
|
||
|
<span>Home</span>
|
||
|
</el-menu-item>
|
||
|
<el-menu-item index="2" :route="{path: `/${id()}/notification`}">
|
||
|
<icon name="bell"></icon>
|
||
|
<span>Notification</span>
|
||
|
</el-menu-item>
|
||
|
<el-menu-item index="3" :route="{path: `/${id()}/fav`}">
|
||
|
<icon name="star"></icon>
|
||
|
<span>Fav</span>
|
||
|
</el-menu-item>
|
||
|
<el-menu-item index="4" :route="{path: `/${id()}/local`}">
|
||
|
<icon name="users"></icon>
|
||
|
<span>LocalTimeline</span>
|
||
|
</el-menu-item>
|
||
|
<el-menu-item index="5" :route="{path: `/${id()}/global`}">
|
||
|
<icon name="globe"></icon>
|
||
|
<span>PublicTimeline</span>
|
||
|
</el-menu-item>
|
||
|
</el-menu>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
name: 'side-menu',
|
||
|
methods: {
|
||
|
id () {
|
||
|
return this.$route.params.id
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="scss" scoped>
|
||
|
#side_menu {
|
||
|
.timeline-menu {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 65px;
|
||
|
height: 100%;
|
||
|
}
|
||
|
}
|
||
|
</style>
|