环境监测 设备管理

李旭东

2023-11-03 10686c5e51ef98ca459ab000462c0701e0bb17ea

 web/src/views/LayoutIndex/components/LayoutAside.vue

@@ -21,12 +21,16 @@

              <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>
                    <template v-for="items in three.children">
                      <el-menu-item :index="items.path" :key="items.name">{{items.meta.title}}</el-menu-item>
                      <el-menu-item
                        :index="items.path" 
                        :key="items.name">
                        {{items.meta.title}}
                      </el-menu-item>
                    </template>
                  </el-submenu>
                </template>
@@ -117,6 +121,10 @@
  }
}

.titles_two{
  padding-left: 15px;
}

/deep/ .el-menu {
  border-right: 0;
}
@@ -129,8 +137,8 @@
/deep/ .el-menu-item.is-active {
  padding-left: 45px!important;
  position: relative;
  margin-left: 10px;
  color: #3DC8FF;
  // margin-left: 10px;
  color: #EAEAEA;
  border-radius: 3px;
  background: linear-gradient(
  90deg, 
@@ -150,6 +158,10 @@
    }
}

.three_item {
  background: #0B5274 !important;
}

/deep/ .el-submenu .el-submenu__title:hover {
  color: #3DC8FF;
  background: rgba(57,181,254,0.7) !important;