From 388b5b56f1218edccf1f42419c553cadd7be3797 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Feb 2022 17:47:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E8=8F=9C=E5=8D=95=20?=
 =?UTF-8?q?collapse=20=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/button/index.vue |  2 +-
 src/component/menu/index.less  | 11 ++++++++---
 src/component/menu/index.vue   |  3 ++-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/component/button/index.vue b/src/component/button/index.vue
index 3f027531..31faca80 100644
--- a/src/component/button/index.vue
+++ b/src/component/button/index.vue
@@ -67,4 +67,4 @@ const classes = computed(() => {
     ></i>
     <slot v-else></slot>
   </button>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/component/menu/index.less b/src/component/menu/index.less
index 30ca7e33..f398ce7b 100644
--- a/src/component/menu/index.less
+++ b/src/component/menu/index.less
@@ -170,8 +170,9 @@
 }
 
 .layui-nav-tree {
-  width: 200px;
   padding: 0;
+  width: 200px;
+  transition: all .3s;
 }
 
 .layui-nav-tree .layui-nav-item {
@@ -187,7 +188,7 @@
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  padding: 5px 30px 5px 30px;
+  padding: 5px 23px 5px 23px;
 }
 
 .layui-nav-tree .layui-nav-item * {
@@ -202,6 +203,10 @@
   padding: 5px 0;
 }
 
+.layui-nav-tree .layui-nav-item span {
+  margin-left: 3px;
+}
+
 .layui-nav-tree .layui-nav-bar {
   width: 5px;
   height: 0;
@@ -319,7 +324,7 @@
 }
 
 .layui-nav-tree.inverted .layui-this > a {
-  padding: 5px 24px 5px 24px;
+  padding: 5px 17px 5px 17px;
 }
 
 .layui-nav-tree.level {
diff --git a/src/component/menu/index.vue b/src/component/menu/index.vue
index a950bc8d..27445f72 100644
--- a/src/component/menu/index.vue
+++ b/src/component/menu/index.vue
@@ -64,7 +64,8 @@ watch(
       // 赋值所有打开
       emit("update:openKeys", oldOpenKeys.value);
     }
-  }, { immediate: true}
+  },
+  { immediate: true }
 );
 
 provide("isTree", isTree);