--- title: 'marquee' description: '跑马灯组件，用于展示一段滚动文字，默认为单行显示。' lastUpdated: 2025-08-13T12:11:57.000Z --- 跑马灯组件，用于展示一段滚动文字，默认为单行显示。 ### 子组件 不支持子组件。 ### 属性 支持[通用属性](/component/common/common-attributes) | 名称 | 类型 | 默认值 | 必填 | 描述 | | --- | --- | --- | --- | --- | | scrollamount | `` | 1 | 否 | 每秒滚动的距离，单位：px。 | | loop | `` | 3 | 否 | 滚动的次数，默认值为 3。 | | direction | `` | left | 否 | 滚动方向，可选值：`left`，`right` | | text-offset | `` | 0 | 否 | 设置内容首尾相接时的间距，需为大于 0 的整数，单位：px。 | | double-ended-shadow | `` | true | 否 | 是否显示两端阴影效果。 | | double-ended-shadow-color | `` | rgb(0,0,0) | 否 | 两端阴影的颜色 | ### 样式 支持[通用样式](/component/common/common-styles) | 名称 | 类型 | 默认值 | 必填 | 描述 | | --- | --- | --- | --- | --- | | color | `` | rgba(0, 0, 0, 0.54) | 否 | 文字颜色。 | | font-size | `` | 30px | 否 | 文字大小。 | | font-family | `` | \- | 否 | 字体名称，当前仅支持 `HYQiHei-65S`。 | | text-align | left | center | right | left | 否 | 文字水平对齐方式。 | ### 事件 支持[通用事件](/component/common/common-events) | 名称 | 参数 | 描述 | | --- | --- | --- | | bounce | \- | 当 marquee 滚动至末尾时触发 | | finish | \- | 当 marquee 按照 `loop` 属性设置的次数滚动完成时触发。仅当 `loop` 设置为大于 0 的数值时有效。 | | start | \- | 当 marquee 开始滚动时触发 | ### 方法 | 名称 | 参数 | 描述 | | --- | --- | --- | | start | \- | 开始滚动 marquee | | stop | \- | 停止滚动 marquee | ### 示例代码 ```html ```