Steps 步骤条

使用指南

在 page.json 中引入组件

  1. "usingComponents": {
  2.   "w-steps": "wuss-weapp/w-steps/index",
  3. }

视频演示

代码演示

  1. <w-pane title="Steps" desc="步骤条" />
  3. <w-pane desc="Default" />
  4. <w-steps
  5. bindcomplete="complete"
  6. current="{{ current }}"
  7. steps="{{ steps }}"
  8. />
  10. <w-button bind:onClick="setCurrent" size="small" type="info">下一步</w-button>
  11. <w-pane desc="vertical" />
  12. <w-steps
  13. current="{{ current }}"
  14. steps="{{ steps }}"
  15. direction="vertical"
  16. />
  18. <w-pane desc="error" />
  19. <w-steps current="2" steps="{{ steps2 }}" />
  20. <w-pane desc="dot" />
  21. <w-steps current="2" type="dot" steps="{{ steps2 }}" />

API

Attribute 属性

属性说明类型默认值
steps步骤数组array-
type类型数组型 number 点状型 dotstring-
direction横向和竖向'vertical'|'horizontal'string-
current指定当前步骤，从 0 开始记数。numberundefined

Event 事件

事件名说明参数

Slot 插槽

名称说明

Class 自定义类名

类名说明
wuss-class根节点样式类