修复DockLayout浮动窗口按钮点击无效问题
- 修复浮动窗口和面板按钮点击时触发拖拽而非按钮功能的问题 - 在Area.vue和Panel.vue中的所有按钮添加 @mousedown.stop 阻止事件冒泡 - 修复的事件类型包括:最大化、关闭、折叠等所有按钮 - 确保按钮点击时只触发相应的功能,不影响拖拽功能 修复文件: - AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue - AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue - AutoRobot/Windows/Robot/Web/src/views/DockLayoutTest.vue
This commit is contained in:
@@ -10,7 +10,8 @@
|
||||
</div>
|
||||
<div class="title-bar-buttons flex items-center gap-0.5">
|
||||
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
|
||||
@click="onToggleCollapse"
|
||||
@click.stop="onToggleCollapse"
|
||||
@mousedown.stop
|
||||
aria-label="折叠/展开">
|
||||
<!-- 向下小三角,使用内联SVG避免样式作用域问题 -->
|
||||
<svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
|
||||
@@ -18,7 +19,8 @@
|
||||
</svg>
|
||||
</button>
|
||||
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
|
||||
@click="onMaximize"
|
||||
@click.stop="onMaximize"
|
||||
@mousedown.stop
|
||||
:aria-label="maximized ? '还原' : '最大化'">
|
||||
<!-- 最大化图标 -->
|
||||
<template v-if="!maximized">
|
||||
@@ -43,7 +45,8 @@
|
||||
</template>
|
||||
</button>
|
||||
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
|
||||
@click="onClose"
|
||||
@click.stop="onClose"
|
||||
@mousedown.stop
|
||||
aria-label="关闭">
|
||||
<!-- 关闭图标(X),内联SVG确保1px线条 -->
|
||||
<svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
|
||||
|
||||
Reference in New Issue
Block a user