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

介绍

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

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

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
涵涵(互关)11 小时前
GoView各项目文件中的相关语法2
前端·javascript·vue.js
子兮曰12 小时前
别让爬虫白嫖你的导航站了:纯免费,手把手实现加密字体防爬
前端·javascript·后端
小村儿12 小时前
连载06 - Hooks 源码深度解析:Claude Code 的确定性自动化体系
前端·后端·ai编程
心中无石马12 小时前
uniapp引入tailwindcss4.x
前端·css·uni-app
焰火199912 小时前
[Vue]可重置的响应式状态reactive
前端·vue.js
陆枫Larry12 小时前
CSS transform scale:图片放大效果背后的原理
前端
源码宝12 小时前
基于 SpringBoot + Vue 的医院随访系统:技术架构与功能实现
java·vue.js·spring boot·架构·源码·随访系统·随访管理
昇腾CANN13 小时前
TileLang-Ascend 算子性能优化方法与实操
开发语言·javascript·性能优化·昇腾·cann
老王以为13 小时前
为什么 React 和 Vue 不一样?
前端·vue.js·react.js
web打印社区13 小时前
2026最新Web静默打印解决方案,无插件无预览,完美替代Lodop
前端·javascript·vue.js·electron·pdf