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'
import "vue-t-marquee/lib/vue-t-marquee.css"
Vue.use(TMarquee)_

/*引用*/
_<TMarquee :slidesPerView="4" :slideList="[1,2,3,4,5,6]">
  //自定义内容
  <div slot-scope="slotProps">{{slotProps.data}}</div>
</TMarquee>_

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

Customize configuration

See Configuration Reference.