StepItem 步骤条项
必须是c-step组件的直接子组件。
平台
| App | 小程序 | H5 |
|---|---|---|
| √ | √ | √ |
属性
| 属性名 | 类型 | 默认值 | 说明 | 平台 |
|---|---|---|---|---|
| title | String | 标题 | All | |
| desc | String,Object,Array | 描述 | All | |
| itemGutter | Number,String | null | 项目左右边距 | All |
| itemTopLineHeight | Number,String | null | 项目顶部线高度,在vertical=true时有效 | All |
| iconSize | Number,String | null | 图标 图标大小 | All |
| iconGutter | Number,String | null | icon和文字的间隙 默认12rpx,竖向默认20rpx | All |
| inactiveIcon | String,Object | null | 未激活步骤的图标 为空时显示序号 | All |
| activeIcon | String,Object | null | 当前步骤的图标 | All |
| passedIcon | String,Object | null | 激活步骤的图标 | All |
| lineProps | Object | null | 线 未激活步骤线配置 | All |
| activeLineProps | Object | null | 当前激活步骤线配置 | All |
| passedLineProps | Object | null | 已经激活步骤线配置 | All |
| titleProps | Object | null | 标题 未激活步骤的标题配置 | All |
| activeTitleProps | Object | null | 当前步骤的标题配置 | All |
| passedTitleProps | Object | null | 已激活步骤的标题配置 | All |
| descProps | Object | null | 描述 未激活步骤的描述配置 | All |
| activeDescProps | Object | null | 当前步骤的描述配置 | All |
| passedDescProps | Object | null | 激活步骤的描述配置 | All |
| cClass | String,Array,Object | null | 组件类 | All |
| cStyle | String,Array,Object | null | 组件样式 | All |
| margin | String,Number,Array | null | 外边距 | All |
| padding | String,Number,Array | null | 内边距 | All |
| bgColor | String | null | 背景色,支持c-bg-开头的背景色类 | All |
插槽
| 插槽名 | 说明 |
|---|---|
| default | desc描述下方 |
| icon | 图标插槽,props值status,isReady,index |
注意
微信小程序下使用带props的插槽时,需要显试写出<template #default="slotProps">,否则会报错。
