更新记录

1.0（2026-06-07）

初次发布

平台兼容性

uni-app x(5.12)

其他

uts头像轮播组件（ios/Android 支持自定义头像大小、动画间隔等）

参数

示例

<template>
    <view class="container">
        <avatar :urls="avatarUrls"
            :width="40" :height="40"
            :overlap="5" :interval="5000" 
            :maxDisplay="4" :borderWidth="3"
        />
        <avatar :urls="objectUrls"
            :width="40" :height="40"
            :overlap="5" :interval="5000" 
            :maxDisplay="4" :borderWidth="3"
        />
        <avatar :urls="customUrls" :prop="{ url: 'avatar' }"
            :width="40" :height="40"
            :overlap="5" :interval="5000" 
            :maxDisplay="4" :borderWidth="3"
        />
    </view>
</template>

<script setup lang="uts">
    import Avatar from '@/components/Avatar/Avatar.uvue'
    // 格式1：字符串数组
    const avatarUrls = [
            '/static/logo.png',
            '/static/logo.png',
            '/static/logo.png',
            '/static/logo.png',
            '/static/logo.png',
            '/static/logo.png',
    ]
    // 格式2：对象数组（url字段）
    const objectUrls = [
        { url: '/static/logo.png' },
        { url: '/static/logo.png' },
        { url: '/static/logo.png' },
        { url: '/static/logo.png' },
        { url: '/static/logo.png' },
    ]
    // 格式3：对象数组（自定义字段）
    const customUrls = [
        { avatar: '/static/logo.png' },
        { avatar: '/static/logo.png' },
        { avatar: '/static/logo.png' },
        { avatar: '/static/logo.png' },
    ]   
</script>