From ef16e1e0c38a0ee35c210acf1ad56a888a25aff7 Mon Sep 17 00:00:00 2001
From: 叶松 <2217086471@qq.com>
Date: 星期三, 15 十一月 2023 08:58:29 +0800
Subject: [PATCH] 苏州大屏样式书写
---
web/src/views/LayoutIndex/components/LayoutAside.vue | 21 +++++++++++++++++----
1 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/web/src/views/LayoutIndex/components/LayoutAside.vue b/web/src/views/LayoutIndex/components/LayoutAside.vue
index 4969bad..04e1cc0 100644
--- a/web/src/views/LayoutIndex/components/LayoutAside.vue
+++ b/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;
}
@@ -127,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,
@@ -149,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