vue-t-marquee

npm-project

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

vue-t-marquee description

/*在入口文件中引入组件*/
import TMarquee from 'vue-t-marquee'
Vue.use(TMarquee)

/*引用*/
<TMarquee :slidesPerView="4" :slideList="[1,2,3,4,5,6]">
  <div slot-scope="slideData">{{slideData.data}}</div>
</TMarquee>

/*属性*/
slideList     default：[] type:Array    跑马灯数据
slidesPerView default：1  type:Number   当前视窗显示slide的个数(ps:每个slide的宽度会根据slidePerView进行自动计算)
animationDuration  default：10 type:Number  动画的速度 单位毫秒

Customize configuration

See Configuration Reference.