diff --git a/src/views/DBQBmodel.vue b/src/views/DBQBmodel.vue index 9a4877d..ada3fcd 100644 --- a/src/views/DBQBmodel.vue +++ b/src/views/DBQBmodel.vue @@ -212,6 +212,22 @@ const closeNoPermissionDialog = () => { border: none; padding: 0; cursor: pointer; + animation: breathing 3s ease-in-out infinite; +} + +@keyframes breathing { + 0% { + transform: scale(1); + opacity: 0.8; + } + 50% { + transform: scale(1.1); + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 0.8; + } } .btn-item img { diff --git a/src/views/homePage.vue b/src/views/homePage.vue index 1a35982..dac4135 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -342,6 +342,23 @@ const closeTokenRuleDialog = () => { tokenRuleDialogVisible.value = false; }; +// 添加全局点击事件监听器,使任何点击动作都能关闭提示框 +// 定义处理函数,以便正确移除事件监听器 +const handleGlobalClick = () => { + if (tokenRuleDialogVisible.value) { + tokenRuleDialogVisible.value = false; + } +}; + +onMounted(() => { + document.addEventListener('click', handleGlobalClick); +}); + +// 在组件卸载时移除事件监听器 +onUnmounted(() => { + document.removeEventListener('click', handleGlobalClick); +}); + // 检查是否需要显示Token规则提示框(从其他页面跳转过来时) const checkTokenRuleOnPageLoad = () => { const activeTab = sessionStorage.getItem('activeTabAI'); @@ -1670,8 +1687,8 @@ onUnmounted(() => { -