1.0.0 • Published 3 years ago
lg-display-bar v1.0.0
滚动展览栏
支持左右滚动,鼠标移入暂定滚动等
安装
npm i --save lg-display-bar
如何使用
使用举例
template:
<display-bar ref="dispalyBar">
<div v-for="i in 10" :key="i" class="item">
<div class="content">{{ i }}</div>
</div>
</display-bar>
script:
import DisplayBar from 'lg-display-bar'
参数
参数 | 类型 | 描述 | 默认值 |
---|---|---|---|
autoplay | Boolean | 是否自动滚动 | true |
mouse-pause | Boolean | 鼠标移动至某内容物时是否暂停 | true |
speed | Number | 每次移动距离,单位:px,负为从右到左,正为从左到右 | -1 |
frequency | String | 移动频率,单位:毫秒 | 10 |
方法
方法名 | 描述 | 参数 |
---|---|---|
start | 开始滚动 | - |
pause | 暂停滚动 | - |
1.0.0
3 years ago