diff --git a/js/tools.js b/js/tools.js index beb61e5..39132ca 100644 --- a/js/tools.js +++ b/js/tools.js @@ -52,13 +52,21 @@ $(function () { const mobileNoLogin = document.querySelector('.mobile-no-login'); const mobileLoginIn = document.querySelector('.mobile-login-in'); + // 使用计算后的样式而不是 inline style + const noLoginComputedDisplay = desktopNoLogin ? window.getComputedStyle(desktopNoLogin).display : 'none'; + const loginInComputedDisplay = desktopLoginIn ? window.getComputedStyle(desktopLoginIn).display : 'none'; + // 检查桌面端登录状态 - if (desktopNoLogin && desktopNoLogin.style.display !== 'none') { + if (desktopNoLogin && noLoginComputedDisplay !== 'none') { // 未登录 + desktopNoLogin.style.display = 'flex'; + if (desktopLoginIn) desktopLoginIn.style.display = 'none'; if (mobileNoLogin) mobileNoLogin.style.display = 'block'; if (mobileLoginIn) mobileLoginIn.style.display = 'none'; - } else if (desktopLoginIn && desktopLoginIn.style.display !== 'none') { + } else if (desktopLoginIn && loginInComputedDisplay !== 'none') { // 已登录 + if (desktopNoLogin) desktopNoLogin.style.display = 'none'; + desktopLoginIn.style.display = 'flex'; if (mobileNoLogin) mobileNoLogin.style.display = 'none'; if (mobileLoginIn) mobileLoginIn.style.display = 'block'; @@ -74,6 +82,12 @@ $(function () { if (desktopHeadImg && mobileHeadImg) { mobileHeadImg.textContent = desktopHeadImg.textContent; } + } else { + // 默认显示未登录状态 + if (desktopNoLogin) desktopNoLogin.style.display = 'flex'; + if (desktopLoginIn) desktopLoginIn.style.display = 'none'; + if (mobileNoLogin) mobileNoLogin.style.display = 'block'; + if (mobileLoginIn) mobileLoginIn.style.display = 'none'; } }