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

介绍

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

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

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
程序猿ZhangSir几秒前
Vue3 项目的基本架构解读
前端·javascript·vue.js
HarderCoder4 分钟前
ByAI: Redux的typescript简化实现
前端
90后的晨仔12 分钟前
RxSwift 框架解析
前端·ios
我命由我1234517 分钟前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具
Mintopia25 分钟前
当数字橡皮泥遇上魔法:探秘计算机图形学的细分曲面
前端·javascript·计算机图形学
Mintopia33 分钟前
Three.js 物理引擎:给你的 3D 世界装上 “牛顿之魂”
前端·javascript·three.js
Jeremy_Lee12337 分钟前
grafana 批量视图备份及恢复(含数据源)
前端·网络·grafana
import_random42 分钟前
[python]conda
前端
亲亲小宝宝鸭43 分钟前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
BUG收容所所长1 小时前
栈的奇妙世界:从冰棒到算法的华丽转身
前端·javascript·算法