diff --git a/src/layout/components/NavLeft/Item.vue b/src/layout/components/NavLeft/Item.vue index af7fb99b8..d9aa34cb7 100644 --- a/src/layout/components/NavLeft/Item.vue +++ b/src/layout/components/NavLeft/Item.vue @@ -25,19 +25,6 @@ export default { display: 'inline-block' } - const tooltipStyle = { - position: 'fixed', - backgroundColor: 'rgba(0, 0, 0, 0.8)', - color: '#fff', - padding: '5px 10px', - borderRadius: '4px', - fontSize: '12px', - zIndex: 9999, - display: 'none', - transition: 'opacity 0.3s', - pointerEvents: 'none' - } - if (icon) { if (icon.startsWith('fa-')) { vNodes.push() @@ -47,55 +34,9 @@ export default { } if (title) { - const titleSpan = ( - { - const el = e.target - const tooltip = el.querySelector('.menu-tooltip') - - // 检查文本是否溢出 - if (el.scrollWidth > el.offsetWidth) { - const rect = el.getBoundingClientRect() - tooltip.style.left = rect.right + 10 + 'px' - tooltip.style.top = rect.top + 'px' - tooltip.style.display = 'block' - } - }} - onMouseleave={(e) => { - const tooltip = e.querySelector('.menu-tooltip') - tooltip.style.display = 'none' - }} - > - {title} - - - ) - - vNodes.push(titleSpan) + vNodes.push({title}) } return vNodes } } - -