From 17388fa7ecd1f3ebadad470a463573a1cfe4468f Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 31 八月 2023 11:29:31 +0800
Subject: [PATCH] 扬尘Vue
---
src/components/layout/AppAside.vue | 48 +++++++++++++++++++++++++++++++-----------------
1 files changed, 31 insertions(+), 17 deletions(-)
diff --git a/src/components/layout/AppAside.vue b/src/components/layout/AppAside.vue
index 9d5193e..80fabe8 100644
--- a/src/components/layout/AppAside.vue
+++ b/src/components/layout/AppAside.vue
@@ -12,6 +12,7 @@
' 鏁版嵁椋庨櫓妯″瀷',
'鏁版嵁椋庨櫓鎺掑悕',
'椋炶宸℃',
+ '绔欑偣瀹℃牳杈呭姪',
'鍘嗗彶鏁版嵁绠＄悊',
'鏁版嵁鎺ュ叆绠＄悊',
'涓氬姟鎶ヨ〃',
@@ -36,7 +37,7 @@
<el-menu
active-text-color="#F7BA1E"
- background-color="#0093E9"
+ background-color="#2876aa"
class="el-menu-vertical-demo"
default-active="2"
text-color="#fff"
@@ -50,9 +51,12 @@
<el-link href="/hdata" class="logo" >
<!-- <img src="@/assets/companylogo.png" alt="" /> -->
<h1>鍦ㄧ嚎鐩戞祴鏁版嵁璐ㄩ噺璇勪及涓庨闄╁垎鏋�</h1>
-
+
</el-link>
+
</el-space>
+ <div class="line">
+ </div>
</el-row>
<el-scrollbar :height="menuHeight">
@@ -60,7 +64,7 @@
<el-sub-menu index="1">
<template #title>
<el-icon><i-ep-Monitor /></el-icon>
- <span>鍒嗛櫓璇勪及</span>
+ <span class="parent-title">椋庨櫓璇勪及</span>
</template>
<el-menu-item index="avgDay" @click="selected = optionClick[0]">
@@ -77,16 +81,16 @@
<el-sub-menu index="2">
<template #title>
<el-icon><i-ep-Histogram /></el-icon>
- <span>绾夸笂宸℃</span>
+ <span class="parent-title">绾夸笂宸℃</span>
</template>
<el-menu-item index="edata" @click="selected = optionClick[2]">
<el-icon><i-ep-Bell /></el-icon>
椋炶宸℃
</el-menu-item>
- <el-menu-item index="testdata" @click="selected = optionClick[2]">
+ <el-menu-item index="testdata" @click="selected = optionClick[3]">
<el-icon><i-ep-Bell /></el-icon>
- 寮傚父娴嬭瘯
+ 绔欑偣瀹℃牳杈呭姪
</el-menu-item>
</el-sub-menu>
@@ -94,36 +98,36 @@
<el-sub-menu index="3">
<template #title>
<el-icon><i-ep-DataLine /></el-icon>
- <span>鏁版嵁绠＄悊</span>
+ <span class="parent-title">鏁版嵁绠＄悊</span>
</template>
- <el-menu-item index="hdata" @click="selected = optionClick[3]">
+ <el-menu-item index="hdata" @click="selected = optionClick[4]">
<el-icon><i-ep-Histogram /></el-icon>
鍘嗗彶鏁版嵁绠＄悊
</el-menu-item>
- <el-menu-item index="1" @click="selected = optionClick[4]">
+ <!-- <el-menu-item index="management" @click="selected = optionClick[5]">
<el-icon><i-ep-Histogram /></el-icon>
鏁版嵁鎺ュ叆绠＄悊
</el-menu-item>
- <el-menu-item index="2" @click="selected = optionClick[5]">
+ <el-menu-item index="report" @click="selected = optionClick[6]">
<el-icon><i-ep-Histogram /></el-icon>
涓氬姟鎶ヨ〃
- </el-menu-item>
+ </el-menu-item> -->
</el-sub-menu>
- <el-sub-menu index="4">
+ <!-- <el-sub-menu index="4">
<template #title>
<el-icon><i-ep-DataLine /></el-icon>
- <span>閰嶇疆绠＄悊</span>
+ <span class="parent-title">閰嶇疆绠＄悊</span>
</template>
- <el-menu-item index="setting" @click="selected = optionClick[6]">
+ <el-menu-item index="setting" @click="selected = optionClick[7]">
<el-icon><i-ep-Histogram /></el-icon>
鏁版嵁鎺ュ叆閰嶇疆
</el-menu-item>
- </el-sub-menu>
+ </el-sub-menu> -->
</el-scrollbar>
</el-menu>
@@ -132,7 +136,7 @@
<style lang="scss" scoped>
.el-aside {
- background-color: #0093E9;
+ background-color: #2876aa;
height: 100vh;
@@ -140,7 +144,7 @@
}
.el-menu {
- background-color: #0093E9;
+ background-color: #2876aa;
width: 220px;
border-right: none;
@@ -180,4 +184,14 @@
.slot-lable {
color: #f7f8fa;
}
+.parent-title {
+ font-weight: bold;
+ font-size: 18px;
+}
+// .line {
+// width: 180px;
+// border: 1px solid rgb(255,255,255,0.2);
+// margin: 0px;
+// padding: 0px;
+// }
</style>
--
Gitblit v1.9.3