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

介绍

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

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

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
GIS之路2 分钟前
GIS 空间关系:九交模型
前端
邢同学爱折腾3 分钟前
当前端轮播图遇上Electron: 变身一款丝滑的 图片查看器
javascript·electron
xiguolangzi9 分钟前
vue3+element-plus el-table列的显隐、列宽 持久化
前端·javascript·vue.js
用户68238060322511 分钟前
前端会用到的数据结构--堆(HEAP)
前端
莫空000011 分钟前
深入理解JavaScript的Reflect API:从原理到实践
前端·面试
卡布叻_星星12 分钟前
后端 Maven打包 JAR 文件、前端打包dist文件、通过后端服务访问前端页面、Nginx安装与部署
前端·maven·jar
前端(从入门到入土)27 分钟前
前端请求后端服务403(Invalid CORS request)
前端
大猩猩X40 分钟前
vxe-upload vue 实现附件上传、手动批量上传附件的方式
vue.js·vxe-ui
蓝天白云下遛狗1 小时前
goole chrome变更默认搜索引擎为百度
前端·chrome
come112341 小时前
Vue 响应式数据传递:ref、reactive 与 Provide/Inject 完全指南
前端·javascript·vue.js