peanut/happy-life-star
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复登录页面按钮溢出问题（方案 A）

Browse Source 
修改内容：
- .login-card 左右内边距 40rpx → 32rpx
- .login-card 添加 box-sizing: border-box
- .btn-primary 添加 padding: 0 和 box-sizing: border-box
- .code-row 添加 box-sizing: border-box

确保所有容器和按钮在小屏幕上不溢出

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
huazhongmin
2026-03-07 18:46:40 +08:00
parent 103ec9fa32
commit 5b869309dd
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mini-program/src/pages/login/index.vue
+5 -1
View File
@@ -212,7 +212,8 @@ const handleLogin = async () => {
backdrop-filter: blur(40rpx); backdrop-filter: blur(40rpx);
border: 1px solid rgba(168, 85, 247, 0.15); border: 1px solid rgba(168, 85, 247, 0.15);
border-radius: 48rpx; border-radius: 48rpx;
padding: 48rpx 40rpx; padding: 48rpx 32rpx;
box-sizing: border-box;
} }
.header { .header {
@@ -275,6 +276,7 @@ const handleLogin = async () => {
gap: 16rpx; gap: 16rpx;
align-items: stretch; align-items: stretch;
width: 100%; width: 100%;
box-sizing: border-box;
} }
.code-input { .code-input {
@@ -329,6 +331,8 @@ const handleLogin = async () => {
border: none; border: none;
box-shadow: 0 8rpx 32rpx rgba(168, 85, 247, 0.3); box-shadow: 0 8rpx 32rpx rgba(168, 85, 247, 0.3);
margin-bottom: 24rpx; margin-bottom: 24rpx;
padding: 0;
box-sizing: border-box;
} }
.btn-primary.disabled { .btn-primary.disabled {