张晓波
2023-10-18 c84b78391bbc6ff68ffb4a1e55ff9b603fa697dc
web/src/views/LayoutIndex/components/LayoutAside.vue
@@ -21,7 +21,7 @@
              <template v-for="three in item.children">
                <template v-if="three.children && three.children.length > 1">
                  <el-submenu :key="three.name" :index="three.path">
                  <el-submenu :key="three.name" :index="three.path" class="titles_two">
                    <template slot="title">
                      <span>{{three.meta.title}}</span>
                    </template>
@@ -31,9 +31,15 @@
                  </el-submenu>
                </template>
                <template v-else-if="three.children && three.children.length === 1">
                  <el-menu-item :index="three.children[0].path" :key="three.children[0].name">
                  <el-submenu :key="three.name" :index="three.path">
                    <template slot="title">
                      <span>{{three.meta.title}}</span>
                    </template>
                    <el-menu-item :index="three.children[0].path" :key="three.children[0].name">{{three.children[0].meta.title}}</el-menu-item>
                  </el-submenu>
                  <!-- <el-menu-item :index="three.children[0].path" :key="three.children[0].name">
                    <span slot="title">{{three.children[0].meta.title}}</span>
                  </el-menu-item>
                  </el-menu-item> -->
                </template>
                <template v-else>
                  <el-menu-item :index="three.path" :key="three.name">
@@ -111,6 +117,10 @@
  }
}
.titles_two{
  padding-left: 15px;
}
/deep/ .el-menu {
  border-right: 0;
}
@@ -121,6 +131,7 @@
}
/deep/ .el-menu-item.is-active {
  padding-left: 45px!important;
  position: relative;
  margin-left: 10px;
  color: #3DC8FF;