# 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 自定义类名

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

Edit this page

← Avatar 头像 Countdown 倒计时 →