From bab83405c39ae9ab8b6569ca29b1e9a6a3b04327 Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 08 八月 2023 09:50:10 +0800
Subject: [PATCH] 油烟监测 vue代码
---
src/components/layout/AppAside.vue | 27 ++++++++-------------------
1 files changed, 8 insertions(+), 19 deletions(-)
diff --git a/src/components/layout/AppAside.vue b/src/components/layout/AppAside.vue
index a23db30..b3f3a00 100644
--- a/src/components/layout/AppAside.vue
+++ b/src/components/layout/AppAside.vue
@@ -8,20 +8,7 @@
menuHeight: '600px',
isCollapseAside: isCollapse,
selected: selectedName,
- // optionClick: [
- // '鍘嗗彶鏁版嵁',
- // '寮傚父鍒嗘瀽',
- // '瀹炴椂鐩戞帶',
- // '娌圭儫鏁版嵁',
- // '缁熻鍒嗘瀽',
- // '缁熻鏁版嵁',
- // '娌圭儫娴撳害鏃ユ暟鎹�',
- // '鐩戞祴璁惧鍦ㄧ嚎鐜�',
- // '鍑�鍖栧櫒寮�鍚巼',
- // '娌圭儫鏃舵瓒呮爣鐜�',
- // '娌圭儫娴撳害鍧囧��',
- // '鑾峰彇鏁版嵁'
- // ],
+
optionClick: [
'瀹炴椂鐩戞帶',
'寮傚父鍒嗘瀽',
@@ -54,7 +41,8 @@
<el-aside>
<!-- text-color="#fff" -->
<el-menu
- background-color="#545c64"
+ background-color="#0DA5AA"
+ active-text-color="#F77234"
class="el-menu-vertical-demo"
default-active="2"
@open="handleOpen"
@@ -229,15 +217,16 @@
<style lang="scss" scoped>
.el-aside {
- background-color: #545c64;
+ // background-color: #545c64;
+ background-color: #0DA5AA;
height: 100vh;
- // background-color: rgb(41,45,62);
+
width: auto;
}
.el-menu {
// background-color: rgb(41,45,62);
- background-color: #545c64;
+ background-color: #0DA5AA;
width: 220px;
border-right: none;
@@ -272,7 +261,7 @@
// background-color: rgb(41,45,62);
// }
* {
- color: white;
+ color: black;
}
.slot-lable {
color: bisque;
--
Gitblit v1.9.3