Browse Source

feat(simple-demo): 为导航栏中的描述添加工具提示

- 当描述长度超过 15个字符时,添加工具提示显示完整描述
- 优化了描述的显示逻辑,提高了用户体验
tianyunperfect 3 months ago
parent
commit
937c251c02
1 changed files with 5 additions and 1 deletions
  1. 5 1
      simple-demo/nav.html

+ 5 - 1
simple-demo/nav.html

@@ -301,7 +301,11 @@
                         </div>
                         <div class="item-content">
                             <div style="width: 100%">
-                                <div class="item-description">{{ item.description || item.title }}</div>
+                                <el-tooltip placement="top" v-if="item.description && item.description.length > 15">
+                                    <div class="item-description">{{ item.description.substring(0, 15) }}...</div>
+                                    <div slot="content">{{ item.description }}</div>
+                                </el-tooltip>
+                                <div v-else class="item-description">{{ item.description || item.title }}</div>
                                 <el-tooltip placement="bottom-start">
                                     <div class="link-section">
                                         <el-link