|
|
@@ -1,82 +0,0 @@
|
|
|
-<template>
|
|
|
- <el-container>
|
|
|
- <el-aside id="aside-style">
|
|
|
- <el-menu
|
|
|
- :default-active="this.$route.path"
|
|
|
- router
|
|
|
- class="el-menu-vertical-demo"
|
|
|
- :collapse="isCollapse"
|
|
|
- @open="handleOpen"
|
|
|
- @close="handleClose"
|
|
|
- >
|
|
|
- <el-menu-item index="/disk/list">
|
|
|
- <i class="el-icon-files" />
|
|
|
- <span slot="title">文件</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="/disk/image">
|
|
|
- <i class="el-icon-picture" />
|
|
|
- <span slot="title">图片</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="/disk/video">
|
|
|
- <i class="el-icon-video-camera" />
|
|
|
- <span slot="title">视频</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="/disk/audio">
|
|
|
- <i class="el-icon-headset" />
|
|
|
- <span slot="title">音频</span>
|
|
|
- </el-menu-item>
|
|
|
- </el-menu>
|
|
|
- </el-aside>
|
|
|
- <el-main>
|
|
|
- <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item v-text="this.$router.currentRoute.name"></el-breadcrumb-item>
|
|
|
- </el-breadcrumb>-->
|
|
|
- <router-view />
|
|
|
- </el-main>
|
|
|
- </el-container>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- name: 'Disk',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- isCollapse: false,
|
|
|
- navList: [
|
|
|
- { path: '/my/account', name: '我的帐号', icon: 'el-icon-upload' }
|
|
|
- ]
|
|
|
- }
|
|
|
- },
|
|
|
- /* watch: {
|
|
|
- // 地址栏 url 发生变化时重新加载本页面
|
|
|
- $route() {
|
|
|
- this.$router.go()
|
|
|
- }
|
|
|
- },*/
|
|
|
- created() {
|
|
|
- document.title = '网盘主页'
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleOpen(key, keyPath) {
|
|
|
- console.log(key, keyPath)
|
|
|
- },
|
|
|
- handleClose(key, keyPath) {
|
|
|
- console.log(key, keyPath)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style>
|
|
|
-.el-menu-vertical-demo:not(.el-menu--collapse) {
|
|
|
- width: 200px;
|
|
|
- min-height: 800px;
|
|
|
-}
|
|
|
-
|
|
|
-#aside-style {
|
|
|
- min-width: 120px;
|
|
|
- max-width: 240px;
|
|
|
- width: 30%;
|
|
|
-}
|
|
|
-</style>
|
