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">
,否则会报错。