步骤条子组件 xStepsItem
在线预览
在线模拟尺寸:
介绍
仅可直接放置在x-steps标签当作直接子接点
平台兼容
| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
|---|---|---|---|---|---|---|---|
| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
文件路径
ts
@/uni_modules/tmx-ui/components/x-steps-item/x-steps-item.uvue使用
ts
<x-steps-item></x-steps-item>Props 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| label | 标题 | string | "" |
| desc | 辅助信息 | string | "" |
| color | 未选中时的标题颜色 | string | "" |
| activeColor | 激活时的颜色，默认空值取全局主题色。 | string | "" |
| icon | 默认图标,空值时取父级设置的图标 | string | "" |
| activeIcon | 激活时的图标,空值时取父级设置的图标 | string | "" |
| iconSize | 图标大小,空值时取父级 | string | "" |
| labelSize | 标题大小,空值时取父级 | string | "" |
| descSize | 下面的小文字介绍大小 | string | "" |
Events 事件
| 名称 | 参数 | 说明 |
|---|---|---|
| click | index: number | 项目被点击时触发。 |
Slots 插槽
| 名称 | 说明 | 数据 |
|---|---|---|
| default | 默认的文本节点插槽 | active: boolean |
Ref 方法
| 名称 | 参数 | 返回值 | 说明 |
|---|
示例文件路径
json