efunbox_resources-web/src/pages/layout/leftnav/LeftNav.vue

<template>
  <div class="left-nav">
    <el-menu class="el-menu-vertical-demo" background-color="#324157" text-color="#bfcbd9" active-text-color="#20a0ff"
      :router=true :default-active="$route.path">
      <el-menu-item index="/reader/index" route="/reader/index">
        <span slot="title">朗读配音</span>
      </el-menu-item>
      <el-menu-item index="/reader/develop" route="/reader/develop">
        <span slot="title">用户发展报告</span>
      </el-menu-item>
      <el-menu-item index="/reader/develop2" route="/reader/develop2">
        <span slot="title">分销发展报告</span>
      </el-menu-item>
      <el-menu-item index="/soundBox/index" route="/soundBox/index">
        <span slot="title">学有义方-音箱</span>
      </el-menu-item>
      <el-menu-item index="/adaline/index" route="/adaline/index">
        <span slot="title">学有义方-学习机</span>
      </el-menu-item>
      <el-menu-item index="/appStore/index" route="/appStore/index">
        <span slot="title">学有义方-APPStore</span>
      </el-menu-item>
      <!--  <el-menu-item index="/skill/index" route="/skill/index">
        <span slot="title">智能语音</span>
      </el-menu-item>-->
      <el-menu-item index="/tv/index" route="/tv/index">
        <span slot="title">TV-快乐学堂8.0</span>
      </el-menu-item>
      <el-menu-item index="/mobile/index" route="/mobile/index">
        <span slot="title">M-快乐学堂8.0</span>
      </el-menu-item>
      <el-menu-item index="/order/index" route="/order/index">
        <span slot="title">TV-联运</span>
      </el-menu-item>
      <el-menu-item index="/skill/yey" route="/skill/yey">
        <span slot="title">爱上幼儿园</span>
      </el-menu-item>
      <el-menu-item index="/skill/xqb" route="/skill/xqb">
        <span slot="title">学前领先班</span>
      </el-menu-item>
      <el-menu-item index="/skill/xxms" route="/skill/xxms">
        <span slot="title">小学名师优课</span>
      </el-menu-item>
      <el-menu-item index="/oppo/index" route="/oppo/index">
        <span slot="title">OPPO语音快应用</span>
      </el-menu-item>
      <el-menu-item index="/baidu/index" route="/baidu/index">
        <span slot="title">小度-技能</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>
<style lang="less">
.left-nav {
  width: 180px;
  height: 100%;
  position: fixed;
  background-color: #324157;
  .el-menu {
    border: none;
  }
}
</style>