1.1.1 • Published 4 years ago
操作列表组件
变更日志
v1.1.1
v1.0.11
- 图标自适应：保持纵横比缩放图片，使图片的长边能完全显示出来。
v1.0.10
v1.0.9
v1.0.8
v1.0.7
v1.0.5
v1.0.4
v1.0.3
- disabled为true时，openType无效
v1.0.2
- columnCount 默认值为4
- 增加实现小程序跳转功能
v1.0.0
基本调用
<hanzo-action-list></hanzo-icon>
参数 props
| 序号 | 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否可空 | 版本号 |
|---|
| 1 | list | 数据列表 | Array | - | [] | 是 | 1.0.0 |
| 1.1 | keyId | 唯一标识 | string | - | - | 否 | 1.0.0 |
| 1.2 | name | 名称 | string | - | - | 否 | 1.0.0 |
| 1.3 | url | 页面地址 | string | - | - | 否 | 1.0.0 |
| 1.4 | desc | 备注信息 | string | - | - | 是 | 1.0.0 |
| 1.5 | icon | 图标 | string | - | - | 是 | 1.0.0 |
| 1.6 | disabledIcon | 选择后的icon图标 | string | - | - | 是 | 1.0.0 |
| 1.7 | type | 操作类型 | string | page：打开页面；openType：微信开放能力； | page | - | 1.0.0 |
| 1.8 | openType | 微信开放能力（type参数值为openType有效，详情见微信开发文档） | string | - | - | 是 | 1.0.0 |
| 1.9 | appId | 小程序appId | string | - | - | 否 | 1.0.0 |
| 1.10 | desc | 备注信息 | string | - | - | 是 | 1.0.0 |
| 1.11 | dot | 脚标 | string | - | - | 是 | 1.0.0 |
| 1.12 | dotStyle | 脚标样式 | string | - | - | 是 | 1.0.0 |
| 1.13 | data | 其它数据 | string | - | - | 是 | 1.0.0 |
| 1.14 | disabled | 是否禁用 | string | - | - | 是 | 1.0.0 |
| 1.15 | nameStyle | 标题样式 | string | - | - | - | 1.0.0 |
| 1.16 | descStyle | 备注样式 | string | - | - | - | 1.0.0 |
| 2 | skin | 皮肤 | Array | - | default | - | 1.0.0 |
| 3 | type | 显示风格 | number | 1：竖向排列；2：横向排列； | 1 | - | 1.0.0 |
| 4 | columnCount | 一行显示多少个(type等于2有效) | number | 有效值2到10 | 4 | - | 1.0.0 |
| 5 | showArrow | 是否显示向右的箭头（type等于1有效） | Boolean | - | true | - | 1.0.0 |
| 6 | showSkeleton | 是否显示骨架 | Boolean | - | false | - | 1.0.0 |
| 7 | line-height | 行高(type等于1有效) | string | - | - | - | 1.0.0 |
| 8 | dotStyle | 角标样式 | string | - | - | - | 1.1.1 |
| 9 | nameStyle | 标题样式 | string | - | - | - | 1.1.1 |
| 10 | descStyle | 备注样式 | string | - | - | - | 1.1.1 |
自定义事件 event
| 序号 | 事件名 | 参数 | 说明 | 备注 | 版本号 |
|---|
| 1 | list-click | { // 详情 "details": {}} | 单击事件 | - | 1.0.0 |
插槽 slot
相关演示