Steps 步骤条
使用指南
在 page.json 中引入组件
"usingComponents": {
"w-steps": "wuss-weapp/w-steps/index",
}
视频演示
代码演示
<w-pane title="Steps" desc="步骤条" />
<w-pane desc="Default" />
<w-steps
bindcomplete="complete"
current="{{ current }}"
steps="{{ steps }}"
/>
<w-button bind:onClick="setCurrent" size="small" type="info">下一步</w-button>
<w-pane desc="vertical" />
<w-steps
current="{{ current }}"
steps="{{ steps }}"
direction="vertical"
/>
<w-pane desc="error" />
<w-steps current="2" steps="{{ steps2 }}" />
<w-pane desc="dot" />
<w-steps current="2" type="dot" steps="{{ steps2 }}" />
API
Attribute 属性
属性 |
说明 |
类型 |
默认值 |
steps |
步骤数组 |
array |
- |
type |
类型数组型 number 点状型 dot |
string |
- |
direction |
横向和竖向’vertical’\ |
‘horizontal’ |
string |
- |
current |
指定当前步骤,从 0 开始记数。 |
number |
undefined |
Event 事件
Slot 插槽
Class 自定义类名