iter(g327): stepper 补失败态与整条回跳

This commit is contained in:
HIsheR
2026-10-27 01:56:10 +08:00
parent 8d154daa6a
commit 0a5665e296
8 changed files with 79 additions and 18 deletions
+10 -1
View File
@@ -659,7 +659,7 @@ const content = h(
section(
'sec-stepper',
'步骤条',
'stepper:done/current/upcoming 三态随 active 信号流转,clickable 时点已完成步骤回跳;direction=vertical 走竖排。',
'stepper:done/current/upcoming 三态随 active 信号流转,clickable 时点已完成步骤(圆点或标题)回跳;某步 status=error 标失败;direction=vertical 走竖排。',
stepper({
steps: [{ label: '确认订单', description: '收货信息与商品清单' }, { label: '支付', description: '选择支付方式' }, { label: '完成', description: '等待发货' }],
active: stepIdx,
@@ -672,6 +672,15 @@ const content = h(
active: signal(2), // 独立信号:演示停在第三步
direction: 'vertical',
}),
divider({ dashed: true }),
stepper({ // 失败态:提交没过的那一步单独标红,既不算已完成也不顶替当前步
steps: [
{ label: '填写资料', description: '4 项必填已齐' },
{ label: '人脸核身', description: '活体检测未通过,请重试', status: 'error' },
{ label: '提交审核', description: '核身通过后自动提交' },
],
active: signal(2), // 当前步仍在第三步:失败步不是「前进到的位置」
}),
h(
'div',
{ class: 'row' },