更新记录

1.0.2（2023-09-04） 下载此版本

urls图片数组中，图片url对应属性的key配置

1.0.1（2023-08-29） 下载此版本

增加属性说明

1.0.0（2023-08-29） 下载此版本

无限循环轮播头像

平台兼容性

a-avatars

用法

<template>
    <view>
    <!-- urls数组 -->
        <a-avatar-slideshow :urls="urls"> </a-avatar-slideshow>
        <!-- urls对象 -->
        <a-avatar-slideshow :urls="urlsObj"> </a-avatar-slideshow>
        <!-- 设置宽高 -->
        <a-avatar-slideshow :urls="urlsObj" width="100" height="100"></a-avatar-slideshow>
        <!-- overlap头像重叠部分大小 -->
        <a-avatar-slideshow :urls="urlsObj" width="100" height="100" :overlap="50"></a-avatar-slideshow>
        <!-- interval轮播时间间隔 -->
        <a-avatar-slideshow :urls="urlsObj" width="100" height="100" :interval="1000"></a-avatar-slideshow>
        <a-avatar-slideshow :urls="urlsObjProp" width="100" height="100" :interval="1000" :prop="{url: 'header'}"></a-avatar-slideshow>
    </view>
</template>

<script>
    export default {
        data () {
            return {
                urlsObj: [
                    { id: '11', url: 'https://p.qqan.com/up/2023-7/202371914533633.jpg'},
                    { id: '212', url: 'https://p.qqan.com/up/2023-7/202371914533633.jpg'},
                    { id: '112', url: 'https://img.huimin111.com/uploads/img/20210609/3138bb99e34be076556ae950206ab206.jpg'},
                ],
                urlsObjProp: [
                    { id: '11', header: 'https://p.qqan.com/up/2023-7/202371914533633.jpg'},
                    { id: '212', header: 'https://p.qqan.com/up/2023-7/202371914533633.jpg'},
                    { id: '112', header: 'https://img.huimin111.com/uploads/img/20210609/3138bb99e34be076556ae950206ab206.jpg'},
                ],
                urls: [
                    'https://img.huimin111.com/uploads/img/20210609/3138bb99e34be076556ae950206ab206.jpg',
                    'https://p.qqan.com/up/2023-7/202371914533633.jpg',
                    'https://p.qqan.com/up/2023-7/202371914533633.jpg',
                    'https://p.qqan.com/up/2023-7/202371914533633.jpg'
                ]
            }
        }
    }
</script>

属性说明：