Compare commits

...

2 Commits

1 changed files with 11 additions and 2 deletions

View File

@ -39,7 +39,7 @@
fill="#0058e1" fill="#0058e1"
></path> ></path>
</svg> </svg>
<a-tooltip> <a-tooltip @mouseenter="showToolTip">
<template #title>{{ val.title }}</template> <template #title>{{ val.title }}</template>
<span class="name"> <span class="name">
{{ val.title }} {{ val.title }}
@ -88,7 +88,7 @@
fill="#0058e1" fill="#0058e1"
></path> ></path>
</svg> </svg>
<a-tooltip> <a-tooltip @mouseenter="showToolTip">
<template #title>{{ child.title }}</template> <template #title>{{ child.title }}</template>
<span class="name"> <span class="name">
{{ child.title }} {{ child.title }}
@ -251,6 +251,13 @@
}) })
} }
} }
const showToolTip = (e) => {
console.log('鼠标移入', e, e.target.clientWidth, e.target.scrollWidth)
debugger
if (e.target.clientWidth < 200) {
e.target.style.pointerEvents = 'none' //
}
}
// //
const generateChildren2 = (val, obj) => { const generateChildren2 = (val, obj) => {
if (val.dataList.length > 0) { if (val.dataList.length > 0) {
@ -395,6 +402,7 @@
showBottom, showBottom,
showDown, showDown,
selectId, selectId,
showToolTip,
} }
}, },
beforeUnmount() { beforeUnmount() {
@ -511,6 +519,7 @@
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
word-break: break-all; word-break: break-all;
max-width: 200px;
} }
} }
.up:hover { .up:hover {