更新记录

1.0.0（2025-09-16） 下载此版本

自动滚动列表 手按停止，松手后或者用户自主滑动停止后 3秒后恢复滚动状态

平台兼容性

uni-app(4.31)

uni-app x(4.31)

auto-scroll-list 自动滚动列表

组件名：auto-scroll-list 代码块： uAutoScrollList

使用方法

属性说明

属性名	类型	默认值	说明
list-data	Array	[]	列表数据
scroll-speed	Number	25 m/px	滚动速度
item-height	Number	120 rpx	列表项高度
max-scroll-num	Number	13	数据超过多少条以后开始滚动
max-heigth	Number	1080	最大高度 rpx

示例

<template>
    <view class="content">
    <auto-scroll-list class="lottery-view" :list-data="prizeList" :scroll-speed="25" :item-height="120" :max-heigth="300" :max-scroll-num="3"></auto-scroll-list>
    </view>
</template>
    <text class="name">{{ item.name }}</text>
<text class="mobile">{{ item.mobile }}</text>
<text class="lottery_name">{{ item.prizeName }}</text>
<script>
    export default {
        data() {
            return {
                prizeList: [
                    {
                        name: '张三',
                        mobile: '132****9407'
                        prizeName：'奖品名称'
                    },
                    {
                        name: '李四',
                        mobile: '132****9407'
                        prizeName：'奖品名称'
                    },
                    {
                        name: '王五',
                        mobile: '132****9407'
                        prizeName：'奖品名称'
                    },

                ]
            }
        }
    }
</script>

<style lang="scss">
    .content {
        height: 100vh;
        background-color: #f5f5f5;
    }
</style>