fix(mp): SegmentTabs pill 变体对齐原型 — 等分圆角矩形 + 阴影

pill 变体改为 flex:1 等分宽度、height:44、borderRadius:12px 圆角矩形
(原型 T.rSm=12),选中态加 var(--tk-shadow-tab) 阴影,
字号 15px fontWeight:600 对齐原型。
This commit is contained in:
iven
2026-05-17 14:34:50 +08:00
parent c631d364b3
commit 6c42d541fc

View File

@@ -41,26 +41,32 @@
} }
&--pill { &--pill {
gap: 12px; gap: 8px;
flex-wrap: wrap;
.seg-tab { .seg-tab {
padding: 8px 24px; flex: 1;
border-radius: $r-pill; height: 44px;
border-radius: $r-sm;
background: $surface-alt; background: $surface-alt;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
&--active { &--active {
background: $pri; background: var(--tk-pri);
box-shadow: var(--tk-shadow-tab);
.seg-tab__text { .seg-tab__text {
color: $card; color: $white;
font-weight: bold; font-weight: 600;
} }
} }
} }
.seg-tab__text { .seg-tab__text {
font-size: var(--tk-font-body-lg); font-size: 15px;
font-weight: 600;
color: $tx2; color: $tx2;
} }
} }