时间线

简介

时间线组件绑定一个数据源列表,将列表的每一项都作为一个节点,渲染出一个类似Data的数据容器。用于呈现如审批流程、任务进度等列表内容。

image

属性配置

时间线组件属性由以下部分组成:

分类

基础属性

说明

属性

只读

image

通过设置时间线组件为只读状态,可以实现时间线组件及其内部拥有只读属性的组件的不可操作状态。

样式

展示行数

image

初始状态展示的最大行数,超出展示行数部分的节点将被隐藏,需要单击展开查看。

宽度对齐

image

宽度对齐共有两个选项。

  • “与父组件相同”则时间线组件的宽度充满父组件。

  • “与子组件相同”则时间线组件的宽度由子组件宽度决定。

标题样式

image

时间线组件标题相关配置与文本组件相同,关于该部分属性的更多信息,请参见样式

间距

image

时间线组件间距样式属于页面组件通用属性,关于该部分属性的更多信息,请参见样式

数据

数据源

image

时间线组件数据源样式属于页面组件通用属性,关于该部分属性的更多信息,请参见数据

需要注意时间线组件所绑定的数据源必须有一个可以代表当前节点状态的枚举类型字段,详见下文状态行的描述。

数据加载时显示loading

image

数据获取时间较长时,可勾选此项,在数据加载完成前页面显示loading图标。

标题

image

时间线组件标题相关配置与文本组件相同,关于该部分属性的更多信息,请参见数据

状态

image

必填,接收一个枚举类型字段,可接受值包括doneprocesserrorsuccess,用于决定节点左侧图标的颜色。

条件可见性

条件可见性

image

可见性确定组件是否作为页面的一部分最终显示给用户,关于该部分属性的更多信息,请参见条件可见