快应用 marquee

概述

跑马灯

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

子组件

不支持

属性

支持 通用属性

名称	类型	默认值	必填	描述
scrollamount	<number>	6	否	设置每次滚动时移动的长度，单位：px
loop	<number>	-1	否	设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动
direction	<string>	left	否	文字滚动方向，支持left，right

样式

支持 通用样式

名称	类型	默认值	必填	描述
color	<color>	rgba(0, 0, 0, 0.54)	否	文本颜色
font-size	<number>	30px	否	文本尺寸
font-family	<string>	-	否	文本字体。可设置一个有先后顺序的，由字体名或者字体族名组成的列表，以逗号分隔。列表中第一个已安装或者通过 font-face 指定的字体，会被选中作为文本的字体。

事件

支持 通用事件

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

方法

名称	参数	描述
start	-	开始滚动marquee
stop	-	停止滚动marquee

示例代码

  <marquee scrollamount=6 loop=-1 direction="left" >scrollamount控制滚动速度，默认值为6px</marquee>