vue根据文字长短展示跑马灯效果

介绍

为大家介绍一个我编写的vue组件 auto-marquee ,他可以根据要展示文本是否超出展示区域,来判断是否使用跑马灯效果,效果图如下所示

假设要展示区域的宽度为500px,当要展示文本的长度小于500px时,只会展示文本;只有要展示文本的宽度超过500px时,才会进行跑马灯展示。

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
snowbitx5 分钟前
一篇文章彻底搞懂前端架构层面分层设计
前端·设计模式·前端框架
Keepreal4968 分钟前
React组件生命周期,各个生命周期可以进行什么操作以及如何使用useEffect模拟组件生命周期
前端·react.js
JiKun9 分钟前
ECMA 2025(ES16) 新特性
前端·javascript
一路上__有你13 分钟前
闲来无事,写一篇文章吧!
前端·javascript·vue.js
keep_di14 分钟前
05-vue3+ts中axios的封装
前端·vue.js·ajax·typescript·前端框架·axios
JiKun29 分钟前
ECMA 2024(ES15) 新特性
前端·javascript
0__O34 分钟前
细说 new Function
javascript
百锦再36 分钟前
从 .NET 到 Java 的转型指南:详细学习路线与实践建议
android·java·前端·数据库·学习·.net·数据库架构
i小杨1 小时前
前端埋点(打点)方案
前端·状态模式
前端加油站1 小时前
时间转换那些事
前端·javascript