v-text-marquee

介绍

文本跑马灯(marquee)。

预览

引入

方式请参考组件用法 。

代码演示

基础用法

必须设置width,文字实际展示宽度大于设置宽度才会滚动。

<v-text-marquee :scrollable="false" :config="textMarqueeConfig" :speed="60" />

export default {
  setup() {
    const textMarqueeConfig = ref({
      text: '慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。',
      width: 50
    });
    return { textMarqueeConfig };
  },
};

API

Props（支持全部v-text属性）

参数	说明	类型	默认值
scrollable	是否开启滚动播放	boolean	false
speed	滚动速率 (px/s)	number/string	60
config	支持全部v-text属性	object	--
L text	需要展示的文本	string	-