uniapp步骤组件,支持自定义icon
测试过微信小程序、app(包括nvue模式)、h5
参考github demo中的用法
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
direction | 步骤方向 | string | vertical/horizontal | vertical |
active | 当前步骤,从0开始,可以通过status覆盖状态 | number | - | 0 |
status | 指定当前步骤的状态 | string | wait/process/finish/error | process |
primaryColor | 主题色 | string | - | #108ee9 |
errorColor | error状态的颜色 | string | - | #F43347 |
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
title | 标题 | string | - | - |
description | 步骤的详情描述,可选 | string | - | - |
status | 当前步骤的状态,如果不指定该状态,则会按照steps的active来指定状态 | string | wait/process/finish/error | - |
icon | 步骤图标,可选,如果有值将覆盖默认的图标 | string | - | - |
name | 说明 |
---|---|
icon | evan-step自定义icon,如果是用的其他icon组件,设置size为22,如果是用的图片等,请设置宽高为22,并且将图片的默认display设为block |