From ddeec0eefe302de9c2011dc8b0975a460ba4a12c Mon Sep 17 00:00:00 2001
From: 叶松 <2217086471@qq.com>
Date: 星期一, 13 十一月 2023 16:24:12 +0800
Subject: [PATCH] 字段修改
---
web/src/views/LayoutIndex/components/LayoutAside.vue | 31 +++++++++++++++++++++++++------
1 files changed, 25 insertions(+), 6 deletions(-)
diff --git a/web/src/views/LayoutIndex/components/LayoutAside.vue b/web/src/views/LayoutIndex/components/LayoutAside.vue
index a62ae11..04e1cc0 100644
--- a/web/src/views/LayoutIndex/components/LayoutAside.vue
+++ b/web/src/views/LayoutIndex/components/LayoutAside.vue
@@ -21,19 +21,29 @@
<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>
<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 +121,10 @@
}
}
+.titles_two{
+ padding-left: 15px;
+}
+
/deep/ .el-menu {
border-right: 0;
}
@@ -121,9 +135,10 @@
}
/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,
@@ -143,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;
--
Gitblit v1.9.3