更新记录

1.0.1（2023-11-06）

优化抖动问题

1.0.0（2023-08-28）

1.0.0（2023/08/28）

平台兼容性

调用实例

<template>
    <view style="background-color: antiquewhite;margin: 20rpx 0;">
        <!-- 横向滚动 -->
        <mz-marque direction="horizontal" :marqueList="list" leftIcon :speed="3"></mz-marque>
    </view>
    <view style="background-color: antiquewhite;margin: 20rpx 0;">
        <!-- 横向滚动,使用左侧icon插槽 -->
        <mz-marque direction="horizontal" :marqueList="list" leftIcon :speed="3">
            <icon slot="leftIcon" type="success" size="26"/>
        </mz-marque>
    </view>
    <view style="background-color: antiquewhite;margin: 20rpx 0;">
        <!-- 纵向横向滚动 -->
        <mz-marque direction="vertical" :marqueList="list" leftIcon :speed="3"></mz-marque>
    </view>

</template>

export default {
    data(){
        return {
            list: [{
                    id: 1,
                    title: '这是跑马灯消息数据第一条'
                },
                {
                    id: 2,
                    title: '这是跑马灯消息数据第二条'
                },
                {
                    id: 3,
                    title: '这是跑马灯消息数据第三条'
                }
            ],
        }
    }
}

可用属性

可用插槽