1 Commits

Author SHA1 Message Date
caoxiaozhu
746d1118df style: 登录页高度与滚动行为修正
登录页主区域改为 height 100% 避免内部双滚动条,移动端恢复 min-height 并允许整体滚动。
2026-07-14 16:19:16 +08:00

View File

@@ -122,18 +122,17 @@ async function handleLogin() {
<style scoped lang="scss"> <style scoped lang="scss">
.login-page { .login-page {
min-height: 100vh; height: 100vh;
min-height: 100dvh; height: 100dvh;
display: grid; display: grid;
grid-template-columns: minmax(0, 58fr) minmax(500px, 42fr); grid-template-columns: minmax(0, 58fr) minmax(500px, 42fr);
overflow-x: hidden; overflow: hidden;
overflow-y: auto;
background: #fcfcfe; background: #fcfcfe;
} }
.login-visual { .login-visual {
min-height: 100vh; min-height: 0;
min-height: 100dvh; height: 100%;
position: relative; position: relative;
color: #fff; color: #fff;
background-color: #121127; background-color: #121127;
@@ -152,7 +151,8 @@ async function handleLogin() {
} }
.login-visual-content { .login-visual-content {
min-height: inherit; min-height: 0;
height: 100%;
position: relative; position: relative;
z-index: 1; z-index: 1;
display: flex; display: flex;
@@ -204,8 +204,8 @@ async function handleLogin() {
} }
.login-panel { .login-panel {
min-height: 100vh; min-height: 0;
min-height: 100dvh; height: 100%;
position: relative; position: relative;
display: grid; display: grid;
place-items: center; place-items: center;
@@ -514,6 +514,9 @@ async function handleLogin() {
@media (max-width: 900px) { @media (max-width: 900px) {
.login-page { .login-page {
display: block; display: block;
height: auto;
min-height: 100vh;
min-height: 100dvh;
overflow: auto; overflow: auto;
} }
@@ -522,6 +525,7 @@ async function handleLogin() {
} }
.login-panel { .login-panel {
height: auto;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh; min-height: 100dvh;
padding: 116px 32px 84px; padding: 116px 32px 84px;