操作列表组件

变更日志

v1.1.1

• 可自定义标题、角标、备注栏样式

v1.0.11

• 图标自适应：保持纵横比缩放图片，使图片的长边能完全显示出来。

v1.0.10

• 改package文件编码

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

| 名称 | 说明 | 备注 | | ------------- |:-------------:| :--------------------|

相关演示