mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-23 00:53:33 +00:00
fix: 修复管理界面用户菜单z-index层级问题
- 修复了querySelector语法错误,移除了无效的@click属性选择器 - 为用户菜单容器添加专门的类名user-menu-container - 简化点击检测逻辑,提高代码可维护性 - 解决了控制台报错问题 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -230,9 +230,10 @@ const app = createApp({
|
|||||||
|
|
||||||
// 添加全局点击事件监听器,用于关闭用户菜单
|
// 添加全局点击事件监听器,用于关闭用户菜单
|
||||||
document.addEventListener('click', (event) => {
|
document.addEventListener('click', (event) => {
|
||||||
// 检查点击是否在用户菜单外部
|
// 检查点击是否在用户菜单区域外部
|
||||||
const userMenuButton = event.target.closest('.relative');
|
const isClickInsideUserMenu = event.target.closest('.user-menu-container');
|
||||||
if (!userMenuButton || !userMenuButton.querySelector('button[\@click*="userMenuOpen"]')) {
|
|
||||||
|
if (!isClickInsideUserMenu) {
|
||||||
this.userMenuOpen = false;
|
this.userMenuOpen = false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -84,7 +84,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 用户菜单 -->
|
<!-- 用户菜单 -->
|
||||||
<div class="relative">
|
<div class="relative user-menu-container">
|
||||||
<button
|
<button
|
||||||
@click="userMenuOpen = !userMenuOpen"
|
@click="userMenuOpen = !userMenuOpen"
|
||||||
class="btn btn-primary px-4 py-3 flex items-center gap-2 relative"
|
class="btn btn-primary px-4 py-3 flex items-center gap-2 relative"
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
<!-- 悬浮菜单 -->
|
<!-- 悬浮菜单 -->
|
||||||
<div
|
<div
|
||||||
v-if="userMenuOpen"
|
v-if="userMenuOpen"
|
||||||
class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2"
|
class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-xl border border-gray-200 py-2 user-menu-dropdown"
|
||||||
style="z-index: 999999;"
|
style="z-index: 999999;"
|
||||||
@click.stop
|
@click.stop
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user