cellular-list

更新时间：2024/02/28 14:36:29

蜂窝列表组件，将指定结构的数组渲染成蜂窝状列表。

 * 排列方式
 *     19___20
 *      |
 *      |  7___8___9
 *      |  |        \
 *     18  | 1___2   10
 *    /    |  \   \   \
 *   17    6   0   3   11
 *    \     \     /   /
 *     16    5___4   12
 *      \           /
 *       15___14___13

复制代码

子组件

不支持

属性

支持通用属性

名称	类型	默认值	必
content	`<array>`	-	是	蜂窝列表数据内容，详见`content-item`数据结构
center-index	`<number>`	-	否	居中图标位置索引，不填写则居中索引为 0 的图标

content-item 数据结构

名称	类型	默认值	必填	描述
name	`<string>`	-	否	图标名称
image	`<string>`	-	是	图标图片地址，仅支持本地图片

样式

支持通用样式

名称	类型	默认值	必填	描述
outer-radius	`<length>`	80px	否	图标外半径，用来控制图标与图标之间的距离
inner-radius	`<length>`	64px	否	图标内半径，用来控制图标的大小

事件

支持通用事件

名称	参数	描述
iconclick	ICON_EVENT	当前图标被点击时触发，返回索引位置和名称
wheelfocus	ICON_EVENT	中心图标放大到最大时触发，返回索引位置和名称