切换日光/暗黑模式
StatusFlow
状态流转
提示
节点状态小于 0 的时候不会显示,因为小于 0 的节点我们将其默认是失败的节点。
- 最佳实践比如:支付成功和失败,在理论上值会显示一个节点,成功的时候显示成功节点,失败的时候隐藏成功节点显示失败节点。那么你需要设置他们两个值正负相等(10, -10)详见 Demo。
只有当 current-code
代码和它相等的时候会显示小于 0 的节点,并且会覆盖掉小于 0 的正整数节点。
使用
Props
Name | Description | Type | Options | Default |
---|---|---|---|---|
data | 状态节点集合 | array<StatusFlow> | - | - |
current-code | 当前高亮节点 | number | - | - |
tiled | 是否平铺节点 | boolean | - | true |
StatusFlow
Name | Description | Type | Options | Default |
---|---|---|---|---|
code | 节点代码。如果 current-code 和当前代码相等,则表示节点到达该节点。节点会标记成深绿色 | number | - | - |
desc | 节点描述 | string | - | - |
time | 节点产生时间(时间戳)。节点时间不是空的时候则当前节点表示已经产生,会标记成浅绿色。 | number | - | - |
remark | 节点说明。如果节点状态小于 0 的时候显示 | string | - | - |