iter(g327): stepper 补失败态与整条回跳
This commit is contained in:
+10
-1
@@ -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' },
|
||||
|
||||
Reference in New Issue
Block a user