marquee

更新时间:

跑马灯,用于插入一段滚动的文字,默认为单行。

子组件

不支持。

属性

支持通用属性

名称 类型 默认值 必填 描述
scrollamount <number> 1 设置每次滚动时移动的长度,单位:px。
loop <number> 3 设置 marquee 滚动的次数。如果未指定值,默认值为 3,表示 marquee 将滚动三次。
direction <string> left 文字滚动方向,支持 left,right
text-offset <number> 0 设置跑马灯首尾相接时,上一段的尾和下一段的头之间的距离,属性值为大于 0 的整数。

样式

支持通用样式

名称 类型 默认值 必填 描述
color <color> rgba(0, 0, 0, 0.54) 设置跑马灯中文字的文本颜色。
font-size <length> 30px 设置跑马灯中文字的文本尺寸。
font-family <string> - 字体。目前仅支持 HYQiHei-65S 字体。
text-align left | center | right left 文本的水平对齐方式。

事件

支持通用事件

名称 参数 描述
bounce - 当 marquee 滚动到结尾时触发
finish - 当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发
start - 当 marquee 开始滚动时触发

方法

名称 参数 描述
start - 开始滚动 marquee
stop - 停止滚动 marquee
上一篇
span
下一篇
progress
以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈