From 3a004cf7041b992195e0d3dbda706ca38d763ad0 Mon Sep 17 00:00:00 2001 From: huazhongmin Date: Sat, 7 Mar 2026 18:52:11 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95?= =?UTF-8?q?=E6=A1=86=E5=9E=82=E7=9B=B4=E4=BD=8D=E7=BD=AE=EF=BC=88=E6=96=B9?= =?UTF-8?q?=E6=A1=88=20C=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 修改思路：垂直居中 + 向上偏移，避免底部留白过多 修改内容： - .content 改回垂直居中 (align-items: center) - .content 顶部留白改为固定 40rpx（安全区域） - .login-card 添加 transform: translateY(-12%) 向上偏移 12% 效果： - 登录框视觉上移，不再过于靠顶部 - 底部不会有多余空白 - 在各种屏幕尺寸下自动适配 Co-Authored-By: Claude Opus 4.6 --- mini-program/src/pages/login/index.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/mini-program/src/pages/login/index.vue b/mini-program/src/pages/login/index.vue index a92bbe9..4866b95 100644 --- a/mini-program/src/pages/login/index.vue +++ b/mini-program/src/pages/login/index.vue @@ -198,11 +198,11 @@ const handleLogin = async () => { z-index: 1; min-height: 100vh; display: flex; - align-items: flex-start; + align-items: center; justify-content: center; - padding: 25vh 40rpx; - padding-top: calc(25vh + constant(safe-area-inset-top)); - padding-top: calc(25vh + env(safe-area-inset-top)); + padding: 40rpx; + padding-top: calc(40rpx + constant(safe-area-inset-top)); + padding-top: calc(40rpx + env(safe-area-inset-top)); } .login-card { @@ -214,6 +214,7 @@ const handleLogin = async () => { border-radius: 48rpx; padding: 48rpx 32rpx; box-sizing: border-box; + transform: translateY(-12%); } .header {