1.1.3 • Published 1 year ago

auto-marquee v1.1.3

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

AutoMarquee

安装

npm i auto-marquee

描述

文本未充满容器时,展示文本;文本超出容器时,自动进行跑马灯展示

参数选项

参数类型默认值描述
valueString空字符串要展示的文本
typeStringautoauto : 文本过长时自动进行跑马灯效果 hover: 鼠标悬浮时,过长的文本才进行跑马灯效果
timeString/Number10s为animation-duration的值,数值越大,文字速度越慢
bgString#fff背景色,如果项目有主题切换功能,需要考虑为 bg 动态赋值

示例

点击查看 线上演示.

项目地址

支持

vue2 vue3

使用

<script setup>
import {reactive} from "vue";
import AutoMarquee from 'auto-marquee';

const state = reactive({
  text:'计算机语言',
});
</script>

<template>
    <auto-marquee :value="state.text"></auto-marquee>
</template>
1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago