From d56156192d3958f028c70de0010730347715f4b3 Mon Sep 17 00:00:00 2001 From: yanlongqi Date: Sat, 8 Nov 2025 04:35:37 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E7=94=A8?= =?UTF-8?q?=E6=88=B7=E4=BF=A1=E6=81=AF=E6=9B=B4=E5=A4=9A=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E5=8F=AF=E8=A7=81=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 增大按钮尺寸(28px → 32px) - 添加默认背景色,使按钮更加明显 - 增大图标尺寸和加深颜色 - 添加缩放交互效果 - 移动端适配优化 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- web/src/pages/Home.module.less | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/web/src/pages/Home.module.less b/web/src/pages/Home.module.less index ff49900..e899c74 100644 --- a/web/src/pages/Home.module.less +++ b/web/src/pages/Home.module.less @@ -165,25 +165,28 @@ display: flex; align-items: center; justify-content: center; - width: 28px; - height: 28px; + width: 32px; + height: 32px; border-radius: 50%; - background: transparent; + background: #f5f5f5; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; &:hover { - background: #f5f5f5; + background: #e8e8e8; + transform: scale(1.05); } &:active { - background: #e8e8e8; + background: #d9d9d9; + transform: scale(0.95); } .dropdownIcon { - font-size: 12px; - color: #8c8c8c; + font-size: 18px; + color: #595959; + font-weight: 600; } } @@ -545,11 +548,11 @@ } .dropdownTrigger { - width: 24px; - height: 24px; + width: 28px; + height: 28px; .dropdownIcon { - font-size: 11px; + font-size: 16px; } }