efun-finance/src/pages/layout/nav/Nav.vue

<template>
    <div class="nav">
      <el-menu default-active="1-4-1" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" :router=true :default-active="$route.path">
        <el-menu-item index="/team/index">
            <span slot="title">部门</span>
        </el-menu-item>
        <el-menu-item index="/project/index">
            <span slot="title">项目</span>
        </el-menu-item>
        <el-menu-item index="/product/index">
            <span slot="title">产品</span>
        </el-menu-item>
        <el-menu-item index="/costType/index">
            <span slot="title">成本类型</span>
        </el-menu-item>
        <el-menu-item index="/costTeam/index">
            <span slot="title">成本部门</span>
        </el-menu-item>
        <el-menu-item index="/manage/index">
            <span slot="title">经营数据</span>
        </el-menu-item>
      </el-menu>
    </div>
</template>
<script>
export default {
     data() {
      return {
        isCollapse: true
      };
    },
    methods: {
     
    }
}
</script>
<style>
    .nav {
        transition: width 0.28s;
        width: 180px !important;
        height: 100%;
        position: fixed;
        font-size: 0px;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1001;
        overflow: hidden;
    }
    .el-menu {
        height: 100%;
    }
</style>