页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

概述

跑马灯又叫轮播图,常适用于:当内容空间不足时,资源轮播展现,达到更好的利用空间资源目的。通过轮播的切换形式,增加组件内容资源的丰富性,趣味性。

该处的TAB页跑马灯是用来在自助仪表盘中实现一个TAB页组件多页签、不同页签显示不同报表资源的轮播效果。

实例

下图是一个典型的跑马灯轮播效果图,用1个清单表和1个柱图显示用户关注的信息,这些信息首尾相连,向同个方向循环滚动。点击图表旁边的切换的按钮,可以切换到下一页签或返回上一页签,页签之间也可以实现自动切换效果。

Image RemovedImage Added

以下场景多用跑马灯实现:

  • 证券业中常用“跑马灯”来显示不断变化的股票行情;
  • 实际应用中也常通过“跑马灯”来监视是否死机。

操作步骤

以上实例实现的操作步骤如下:

1、在自助仪表盘定制界面中拖拽一个"TAB页"组件。

Image RemovedImage Added

2、在页签1中创建一个清单表。

Image RemovedImage Added

3、 增加一个页签2页。

Image RemovedImage Added

4、在页签2页创建一个柱图。

Image RemovedImage Added

5、 返回到页签1页, 更多 菜单下勾选 跑马灯

Image RemovedImage Added

6、在页签1选中状态下,单击组件右上角的 完成 按钮,保存自助仪表盘即可。

Image RemovedImage Added

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录