Vue3文字实现左右和上下滚动

可自定义设置以下属性:

滚动文字数组(sliderText),类型:Array<{title: string, link?: string}>,必传,默认[]

滚动区域宽度(width),类型:number | string,默认 ‘100%’

滚动区域高度(height),类型:number,单位px,默认 60

滚动区域背景色(backgroundColor),类型:string,默认 ‘#FFF’

滚动区域展示条数,水平滚动时生效(amount),类型:number,默认 4

水平滚动文字各列间距或垂直滚动文字两边的边距(gap),类型:number,单位px,默认 20

是否垂直滚动(vertical),类型:boolean,默认 false

文字滚动时间间隔,垂直滚动时生效(interval),类型:number,单位ms,默认 3000

详见:描述

1:创建文字滚动组件TextScroll.vue:




2:在要使用的页面引入




你可能感兴趣的:(前端,vue.js)