perf: It fits the PT-BR

src/layout/components/NavLeft/Item.vue

@@ -1,5 +1,4 @@
 <script>
-
 export default {
   name: 'MenuItem',
   functional: true,
@@ -17,16 +16,29 @@ export default {
     const { icon, title } = context.props
     const vNodes = []
 
+    // 定义文本溢出样式
+    const ellipsisStyle = {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      width: '100%',
+      display: 'inline-block'
+    }
+
     if (icon) {
       if (icon.startsWith('fa-')) {
         vNodes.push(<i class={`fa ${icon}`} />)
       } else {
-        vNodes.push(<svg-icon icon-class={icon}/>)
+        vNodes.push(<svg-icon icon-class={icon} />)
       }
     }
 
     if (title) {
-      vNodes.push(<span slot='title'>{title}</span>)
+      vNodes.push(
+        <el-tooltip content={title} placement='right' effect='dark' open-delay={ 1000 }>
+          <span style={ellipsisStyle}>{title}</span>
+        </el-tooltip>
+      )
     }
     return vNodes
   }

src/layout/components/NavLeft/index.vue

@@ -12,9 +12,9 @@
             trigger="hover"
           >
             <span slot="reference" style="width: 100%">
-              <span v-show="!isCollapse" class="view-title">
-                {{ isRouteMeta.title || '' }}
-              </span>
+              <el-tooltip v-show="!isCollapse" :content="isRouteMeta.title" :open-delay="1000" placement="bottom" effect="dark" class="view-title">
+                <span class="text-overflow">{{ isRouteMeta.title || '' }}</span>
+              </el-tooltip>
               <span class="icon-zone">
                 <svg-icon class="icon" icon-class="switch" />
               </span>