0.0.5 • Published 8 months ago
seamless-scrolling v0.0.5
使用
安装npm i seamless-scrolling 或者 yarn add seamless-scrolling
<script setup>
import { SeamlessScrolling } from 'seamless-scrolling'
</script>
API
props
参数 说明 类型 默认值 必填 modelValue 是否开启自动滚动 Boolean true - list 原始数据列表 Array [] 是 step 速度,step 需是单步大小的约数,大于0 Number 1 - limitScrollNum 开启滚动的数据量 Number 1 - hover 是否开启鼠标悬停, tips:这个开启会与移动端的touchend冲突 Boolean false - direction 方向 String 'up' - singleWidth 单步运动停止的宽度 Number 0 - singleWaitTime 单步停止等待时间 (默认值 1000ms) Number 1000 - isWatch 开启数据更新监听 Boolean true - delay 动画延迟时间 Number 0 - ease 动画方式 String, Object 'linear' - count 动画次数-1 表示一直动画 Number -1 - copyNum 拷贝几份滚动列表 Number 1 - wheel 开启鼠标悬停时支持滚轮滚动 Boolean false - singleLine 启用单行滚动 Boolean false - lessVisibleAreaScrolling 单行滚动,少于可视区域是否滚动 Boolean false - event
事件名 说明 Reset 重置