# marquee
跑马灯组件。跑马灯用来插入一段滚动的文字,默认为单行。
# 子组件
不支持
# 属性
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
scrollamount | <number> | 6 | 否 | 设置每次滚动时移动的长度,单位:px |
loop | <number> | 3 | 否 | 设置 marquee 滚动的次数。如果未指定值,默认值为 3 |
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> | - | 否 | 文本字体。可设置一个有先后顺序的,由字体名或者字体族名组成的列表,以逗号分隔。列表中第一个已安装或者通过 font-face 指定的字体,会被选中作为文本的字体。 |
text-align | left | center | right | left | 否 | 文本的水平对齐方式。 |
# 事件
支持通用事件
名称 | 参数 | 描述 |
---|---|---|
bounce | - | 当 marquee 滚动到结尾时触发 |
finish | - | 当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发 |
start | - | 当 marquee 开始滚动时触发 |
# 方法
名称 | 参数 | 描述 |
---|---|---|
start | - | 开始滚动 marquee |
stop | - | 停止滚动 marquee |
marquee组件
跑马灯基础效果
```html
{{ componentName }}
```
复制代码
设计尺寸:750X750
←
→