lg-display-bar
v1.0.0
Published
滚动展览栏
Downloads
8
Readme
滚动展览栏
支持左右滚动,鼠标移入暂定滚动等
安装
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 |暂停滚动 |- |