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 {
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;
}
}