From 6c42d541fc9105f11c765f7cf7b7a905be338f95 Mon Sep 17 00:00:00 2001 From: iven Date: Sun, 17 May 2026 14:34:50 +0800 Subject: [PATCH] =?UTF-8?q?fix(mp):=20SegmentTabs=20pill=20=E5=8F=98?= =?UTF-8?q?=E4=BD=93=E5=AF=B9=E9=BD=90=E5=8E=9F=E5=9E=8B=20=E2=80=94=20?= =?UTF-8?q?=E7=AD=89=E5=88=86=E5=9C=86=E8=A7=92=E7=9F=A9=E5=BD=A2=20+=20?= =?UTF-8?q?=E9=98=B4=E5=BD=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit pill 变体改为 flex:1 等分宽度、height:44、borderRadius:12px 圆角矩形 (原型 T.rSm=12),选中态加 var(--tk-shadow-tab) 阴影, 字号 15px fontWeight:600 对齐原型。 --- .../src/components/SegmentTabs/index.scss | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/apps/miniprogram/src/components/SegmentTabs/index.scss b/apps/miniprogram/src/components/SegmentTabs/index.scss index 4a1e01a..c13ba09 100644 --- a/apps/miniprogram/src/components/SegmentTabs/index.scss +++ b/apps/miniprogram/src/components/SegmentTabs/index.scss @@ -41,26 +41,32 @@ } &--pill { - gap: 12px; - flex-wrap: wrap; + gap: 8px; .seg-tab { - padding: 8px 24px; - border-radius: $r-pill; + flex: 1; + height: 44px; + border-radius: $r-sm; background: $surface-alt; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s; &--active { - background: $pri; + background: var(--tk-pri); + box-shadow: var(--tk-shadow-tab); .seg-tab__text { - color: $card; - font-weight: bold; + color: $white; + font-weight: 600; } } } .seg-tab__text { - font-size: var(--tk-font-body-lg); + font-size: 15px; + font-weight: 600; color: $tx2; } }