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(() => { -
-
+
+
@@ -1798,7 +1815,7 @@ body { /* height: var(--app-height, 100vh); */ height: var(--app-height, 100vh); margin: 0 auto; - background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/2dc3c13a74100b906e809d26b66db211.png"); + background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/98c8230d386012c9f1e70bf05a30de5e.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;