Skip to content

基础使用

通过 list 设置列表数据。

vue
<hi-avatar-group :list="avatars" keyName="avatar"></hi-avatar-group>

显示更多按钮

通过 showMore 设置是否显示更多按钮。

vue
<hi-avatar-group :list="avatars" keyName="avatar" showMore></hi-avatar-group>

开启动画

通过 animation 设置是否开启动画效果。
提示:开启动画时,list 的数量需要大于 count 值。

vue
<hi-avatar-group :list="avatars" keyName="avatar" showMore animation></hi-avatar-group>

Props

参数说明类型默认值可选值
list列表Array[]-
keyName列表中图片的 key 名称Stringavatar-
count显示个数Number5-
animation是否开启动画Booleanfalse-
delay动画间隔时间,毫秒Number3000-
mode图片裁剪模式StringscaleToFill-
showMore是否显示更多按钮Booleanfalse-
moreIconName更多按钮图标名称String__gengduo-

Events

名称说明参数
@more更多按钮点击时触发-