@xsyx/hanzo-action-list

操作列表组件

变更日志

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

名称	说明	备注

相关演示