组件 · 数据展示
Marquee 跑马灯
水平/循环滚动展示内容。
使用建议
- 避免：无暂停控件的关键信息滚动
- 限制：属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准，禁止臆造
引入
tsx
import { Marquee } from '@selrux/ui/marquee';演练场
调节下方可实现的字面量属性，实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。
系统将于今晚 23:00 进行例行维护，期间部分功能不可用。
系统将于今晚 23:00 进行例行维护，期间部分功能不可用。
代码演示
基础用法
内容横向循环滚动。
系统将于今晚 23:00 进行例行维护，期间部分功能不可用。
系统将于今晚 23:00 进行例行维护，期间部分功能不可用。
速度与填充
speed 控制速度，autoFill 自动重复内容填满容器。
ReactTypeScriptVite
ReactTypeScriptVite
API
属性覆盖：示例用到 2 / 2 个自有属性（100%）
由 scripts/demo-coverage.mjs 统计，不含 className / style / 原生透传属性与纯转发事件。
Marquee
主题化水平跑马灯。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
autoFill | 是否用内容副本铺满容器空白后再循环。 | boolean | false |
speed | 移动速度，像素/秒；非有限正数运行时回退 48。 | number | 48 |
children | 滚动内容；会按循环需要复制渲染。 | ReactNode | - |
另有 279 项原生属性与事件继承自 HTMLAttributes，原样透传。
导出类型：MarqueeProps