vue-marqueeli

下载

npm i vue-marqueeli -S

引入

import marqueeli from '../marqueeli/vue-marqueeli.common.js'
import '../marqueeli/vue-marqueeli.css'
Vue.use(marqueeli);

使用

<marqueeView :height="90" >
            <marqueeItem><span>滚动内容一</span></marqueeItem>
            <marqueeItem><span>滚动内容2</span></marqueeItem>
            <marqueeItem><span>滚动内容3</span></marqueeItem>
            <marqueeItem><span>滚动内容4</span></marqueeItem>
            <marqueeItem><span>滚动内容5</span></marqueeItem>
            <marqueeItem><span>滚动内容6</span></marqueeItem>
            <marqueeItem><span>滚动内容7</span></marqueeItem>
</marqueeView>

参数说明

dir: { //无缝滚动的方向

type: String,

default: 'top', //'top','down'，'left','right',

},

speedtime: { //时间间隔

type: Number,

default: 40,

},

height: { //容器高度 //当dir是‘left’,'right'时失效

type: Number,

default: 60,

},