add page links in side menu

This commit is contained in:
virusdefender 2016-11-19 20:47:48 +08:00
parent 9cb009d9a3
commit 4f4bead69d

View File

@ -1,20 +1,14 @@
<template> <template>
<el-menu default-active="1" class="vertical_menu" theme="dark"> <el-menu default-active="1" class="vertical_menu" theme="dark" :router="true">
<div class="logo"> <div class="logo">
<img src="../assets/logo.svg" alt="oj admin" /> <img src="../assets/logo.svg" alt="oj admin" />
</div> </div>
<el-submenu index="1"> <el-submenu index="general">
<template slot="title"><i class="el-icon-message"></i>导航一</template> <template slot="title"><i class="el-icon-menu"></i>General</template>
<el-menu-item-group title="分组一"> <el-menu-item index="user">User</el-menu-item>
<el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="announcement">Announcement</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item> <el-menu-item index="conf">System Config</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
</el-submenu> </el-submenu>
<el-menu-item index="2"><i class="el-icon-menu"></i>导航二</el-menu-item>
<el-menu-item index="3"><i class="el-icon-setting"></i>导航三</el-menu-item>
</el-menu> </el-menu>
</template> </template>
@ -22,6 +16,7 @@
export default{ export default{
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.vertical_menu{ .vertical_menu{
width: 240px; width: 240px;