滑动微件

滑动微件使用了 Swiper 库进行组件卡片的滚动效果展现. 在故事编辑界面, 点击工具栏中插入区域更多里的”滑动微件”, 在当前页面中创建一个滑动微件. 选中此组件后在右侧属性编辑栏中对其设置进行编辑:

​

滑动属性

滑动微件的整体属性设置, 对应到 Swiper 库里的属性. 属性列表:

​

幻灯片

幻灯片表格配置是对滑动微件进行配置的表格, 点击表格下方的新增按钮添加新行即新的一个滑动微件. 每个卡片行配置属性如下:

• 组件类型: 卡片所使用的组件类型, 目前支持:
  • 分析卡片: 对应图形分析组件;
  • 指标卡片: 对应指标卡片组件;
• 详情: 对选择的组件类型进行相应的详细配置, 具体参考对应的组件类型配置;
• 操作: 删除当前配置行;

幻灯片属性列表:

​

自动播放

自动播放属性列表:

​

分页

分页属性列表: 对应 Swiper Pagination Parameters 属性配置.

​

自适应断点

自适应断点属性，允许为不同的响应断点（屏幕大小）设置不同的参数。不是所有的参数都可以在断点上更改，只有那些不需要不同布局和逻辑的参数，如 slidesPerView、slidesPerGroup、spaceBetween、grid.rows。这样的参数，如 loop 和 effect 不会生效。 自适应断点属性列表: 对应 Initialize Swiper breakpoints 属性配置.

​

示例