更新记录
1.0.0(2023-05-06)
下载此版本
第一次提交发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
√ |
√ |
√ |
√ |
√ |
1、基本使用方法
<avatarGroup :urls="imgList" :max-count="3" />
<script>
import avatarGroup from '../../uni_modules/components/avatar-group/components/avatar-group/avatar-group.vue'
export default {
components: {
avatarGroup
},
data() {
return {
imgList: [
"https://cdn.uviewui.com/uview/album/1.jpg",
"https://cdn.uviewui.com/uview/album/2.jpg",
"https://cdn.uviewui.com/uview/album/3.jpg",
"https://cdn.uviewui.com/uview/album/4.jpg",
"https://cdn.uviewui.com/uview/album/7.jpg",
"https://cdn.uviewui.com/uview/album/6.jpg",
"https://cdn.uviewui.com/uview/album/5.jpg",
]
}
}
}
</script>
2、文档说明
参数 |
类型 |
默认值 |
说明 |
src |
string |
- |
传入的图片路径 |
text |
string |
- |
用文字替代图片,级别优先于src |
size |
number |
50 |
头像尺寸 |
shape |
string |
circle |
头像形状 |
urls |
array |
[] |
头像图片组 |
max-count |
number |
2 |
最多展示的头像数量 |
3、补充说明
本插件基于vue2.0开发。平台兼容性未测,需各位自行测试。
欢迎各位老铁反馈 bug ,如果你在使用的过程中有什么不合理,需要优化的,都可以在下面评论,本人看见后回复、修正,感谢