Преглед изворни кода

ibps-tree组件增加鼠标移入的提示

luoaoxuan пре 1 година
родитељ
комит
9a69f110a5
1 измењених фајлова са 14 додато и 10 уклоњено
  1. 14 10
      src/components/ibps-tree/index.vue

+ 14 - 10
src/components/ibps-tree/index.vue

@@ -88,16 +88,20 @@
                     @node-contextmenu="handleNodeContextmenu"
                 >
                     <span slot-scope="scope" class="ibps-custom-tree-node">
-                        <ibps-icon
-                            v-if="showIcon"
-                            :name="getIcon(scope.data)"
-                        />
-                        <img
-                            v-if="categoryKey === 'FILE_TYPE' || categoryKey ==='FLOW_TYPE'"
-                            :src="filePng"
-                            style="vertical-align: middle; height: 20px;"
-                        >
-                        <span>{{ scope.node.label }}</span>
+                        <el-tooltip class="item" effect="light" :content="scope.node.label" placement="right-end">
+                            <span>
+                                <ibps-icon
+                                    v-if="showIcon"
+                                    :name="getIcon(scope.data)"
+                                />
+                                <img
+                                    v-if="categoryKey === 'FILE_TYPE' || categoryKey ==='FLOW_TYPE'"
+                                    :src="filePng"
+                                    style="vertical-align: middle; height: 20px;"
+                                >
+                                <span>{{ scope.node.label }}</span>
+                            </span>
+                        </el-tooltip>
                     </span>
                 </el-tree>
             </el-scrollbar>