更新记录

1.0.0（2024-12-10） 下载此版本

初始化

平台兼容性

使用示例

<template>
    <view>
        <dcd-picmarquee
            :list="imageList"
            :width="300"
            :height="200"
            :space="20"
            :duration="20"
            direction="left"
            @click="onImageClick"
        />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                imageList: [
                    {
                        url: 'https://picsum.photos/200/100?random=1',
                        title: '图片1'
                    },
                    {
                        url: 'https://picsum.photos/200/100?random=2',
                        title: '图片2'
                    },
                    {
                        url: 'https://picsum.photos/200/100?random=3',
                        title: '图片3'
                    },
                    {
                        url: 'https://picsum.photos/200/100?random=4',
                        title: '图片4'
                    },
                    {
                        url: 'https://picsum.photos/200/100?random=5',
                        title: '图片5'
                    },
                    {
                        url: 'https://picsum.photos/200/100?random=6',
                        title: '图片6'
                    }
                ]
            }
        },
        methods: {
            //点击列表回调事件
            onImageClick(e) {
                console.log('点击图片:', e)
            }
        }
    }
</script>

属性说明