类似微信群头像显示组件

更新记录

1.0.1（2022-02-10）

第一次发布的时候多了一行代码我给删了哈哈哈

1.0.0（2022-02-10）

随手写了一个小工具，找半天没找到

平台兼容性

Vue2	Vue3
√	√

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.3.11 app-vue	×	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	√	√	√	√	×	√	√	√

本插件实现了类似微信群头像的功能，可以自动根据头像张数生成群头像

引入

解压插件包后，将其放在components中即可使用；本人使用的Hbuilder版本为3.3.11

直接上代码吧，希望各位伙伴使用愉快，第一次发布插件，还望海涵！

使用

<zhu-avatar :imageArr="imageArr" :round="true" bgColor="#0000FF" :width="100" :height="100" :padding="0.1"></zhu-avatar>

插件参数说明：

imageArr：图片数组

imageArr:[
    '/static/logo.png',
    '/static/logo.png',
    '/static/logo.png',
    '/static/logo.png',
]

类似微信群头像显示组件头像，多用户头像，群头像

更新记录

1.0.1（2022-02-10）

1.0.0（2022-02-10）

平台兼容性

本插件实现了类似微信群头像的功能，可以自动根据头像张数生成群头像

引入

使用

插件参数说明：

imageArr：图片数组

round：是否圆形

bgColor：背景颜色支持rgba、rgb 、#00ffff、以及red等等

width：图像宽度

height：图像高度

padding：图像内边距

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

类似微信群头像显示组件

类似微信群头像显示组件 头像，多用户头像，群头像

更新记录

1.0.1（2022-02-10）

1.0.0（2022-02-10）

平台兼容性

本插件实现了类似微信群头像的功能，可以自动根据头像张数生成群头像

引入

使用

插件参数说明：

imageArr：图片数组

round：是否圆形

bgColor：背景颜色 支持rgba、rgb 、#00ffff、以及red等等

width：图像宽度

height：图像高度

padding：图像内边距

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

类似微信群头像显示组件

Modal title

类似微信群头像显示组件头像，多用户头像，群头像

bgColor：背景颜色支持rgba、rgb 、#00ffff、以及red等等