纵向滚动文本
更新时间:2020-03-25
概述
这个组件允许用户用纵向滚动的方式展示不太长的多行文本信息,通常用于一系列信息的轮播展示,例如名单或公告列表等,效果如下图所示:
注意:
- 当某一行文字特别长超过了容器宽度时,会截取前半部分的文字,并在最后使用
...
显示。 - 当多行文字的总高度小于容器高度时,纵向滚动会失效,文本将一直展示。
- 当滚动到底部后,会等待一定时间后回到开头,继续循环播放。
静态属性
- 滚动速度 - 单次滚动的时间,默认为 500 毫秒。整个组件是采用一次一次间断的滚动方式,而不是横向滚动组件那样持续滚动的方式,因此这里并不是从头到底全部的滚动时间,而是单次滚动的时间,所以默认值 500 毫秒也要远小于横向滚动组件的默认滚动时间 8000 毫秒。
- 每行停留 - 每行停留的时间,默认为 3000 毫秒。如上所述,整个组件采用一次一次间断的滚动方式,因此每次滚动后需要停留一段时间。
-
首尾停留 - 在滚动开始或结束时会额外停留的时间,默认为 3000 毫秒。
为了帮助您更好的理解这 3 个时间,我们举例说明。假设有一个 3 行的文本,三项时间配置均采用上述的默认值,那么整个滚动时间线将是:
首尾停留(3秒) - 第一行停留(3秒) - 第一行切换到第二行(0.5秒) - 第二行停留(3秒) - 第二行切换到第三行(0.5秒) - 第三行停留(3秒) - 首尾停留(3秒) - (下一个循环的)首尾停留(3秒) - xxxxx
- 文字内容 - 每一行的文字内容,可以点击右侧的“垃圾桶”图标和“添加”图标来删除或者新增行。如果绑定数据的话则这个配置项不生效。
- 每行高度 - 每一行的高度,默认 30。这个配置项和组件整体的高度共同决定默认显示多少行数据。例如默认情况下高度 60,则默认显示 2 行。
- 文字对齐,字体,字号,字体颜色,字体样式等 - 文字的常见配置项。
绑定属性
纵向滚动组件支持将文本绑定到数据源的某一列,(注意是一列而不是某一格)之后如果数据源变化时文本也会做响应的变化,如下图所示:
注意: 选中的列必须是 String 类型,不能是 Number 或者 Boolean 类型。如果要使用这两个类型,可以去数据 TAB 新建一个处理流程(需先暂停数据源),新建列,类型为 String 并以当前列作为基准列即可,如下图所示: