优化菜单名称过长悬停显示标题

2022-03-15 16:55:46 +08:00 · 2022-03-15 16:55:46 +08:00 · c9ee8d8cc3
commit c9ee8d8cc3
parent 22ba88a92c
1 changed files with 10 additions and 2 deletions
--- a/ZR.Vue/src/layout/components/Sidebar/Item.vue
+++ b/ZR.Vue/src/layout/components/Sidebar/Item.vue
@ -17,11 +17,19 @@ export default {
    const vnodes = []

    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
+      vnodes.push(<svg-icon icon-class={icon} />)
    }

    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+      if (title.length > 5) {
+        vnodes.push(
+          <span slot='title' title={title}>
+            {title}
+          </span>
+        )
+      } else {
+        vnodes.push(<span slot='title'>{title}</span>)
+      }
    }
    return vnodes
  }