fs-steps 步骤条组件

步骤条组件用于引导用户按照流程完成任务，展示当前进度和状态。

使用方法

局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "fs-steps": "ava-ui/fxui/fs-steps/index"
}

代码示例

基础用法

API

Props

参数	说明	类型	默认值
steps	步骤数组，每一项为一个步骤对象	Array	[]
current	当前步骤索引	Number	0
type	步骤条类型，可选值为 horizontal	String	'horizontal'
contentMaxWidth	文本内容最大宽度（px），0为不限制，默认值大致为10个汉字宽度	Number	160

steps 数组项

键名	说明	类型
title	步骤标题	String
description	步骤描述	String

Events

事件名	说明	回调参数
click	点击步骤时触发	event.detail.index: 步骤索引

---

预览

打开预览