From 3acffc3f3c9642eca64c79f71ef8f819918001e0 Mon Sep 17 00:00:00 2001
From: yzwxy <qianjue7012@163.com>
Date: Wed, 9 Mar 2022 11:12:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(sidebar-item):=E5=BD=93=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E5=AD=97=E6=95=B0=E8=B6=85=E8=BF=875?=
 =?UTF-8?q?=E4=B8=AA=E6=97=B6=EF=BC=8C=E9=BC=A0=E6=A0=87=E6=82=AC=E5=81=9C?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E6=9F=A5=E7=9C=8B=E5=85=A8=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layout/components/Sidebar/Item.vue    | 68 +++++++++++--------
 1 file changed, 39 insertions(+), 29 deletions(-)

diff --git a/ruoyi-ui/src/layout/components/Sidebar/Item.vue b/ruoyi-ui/src/layout/components/Sidebar/Item.vue
index 1a99d63f9..5f72652d5 100644
--- a/ruoyi-ui/src/layout/components/Sidebar/Item.vue
+++ b/ruoyi-ui/src/layout/components/Sidebar/Item.vue
@@ -1,29 +1,39 @@
-<script>
-export default {
-  name: 'MenuItem',
-  functional: true,
-  props: {
-    icon: {
-      type: String,
-      default: ''
-    },
-    title: {
-      type: String,
-      default: ''
-    }
-  },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
-    }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
-    }
-    return vnodes
-  }
-}
-</script>
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      vnodes.push(<svg-icon icon-class={icon}/>)
+    }
+
+    if (title) {
+      if (title.length > 5) {
+        vnodes.push(
+          <el-tooltip slot="title" className="item" effect="dark" content={title} placement="right">
+            <span>{(title)}</span>
+          </el-tooltip>
+        )
+      } else {
+        vnodes.push(
+          <span slot="title">{(title)}</span>
+        )
+      }
+    }
+    return vnodes
+  }
+}
+</script>