如何制作一个开屏引导轮播图?

316 阅读1分钟

效果展示:

前置准备:

  • 三张开屏图片素材
  • 相对应的文案

具体步骤:

  • 添加配置轮播图基础组件
  • 添加配置数据中心和事件中心
  • 添加配置轮播图触发器
  • 添加配置轮播图条目数据
  • 配置轮播点

步骤分解:

添加配置轮播图基础组件

  • 添加 轮播图 组件
  • 配置 尺寸设置
  • 添加需要数量的 标签文本 组件
  • 添加需要数量的 图片 组件

添加配置数据中心和事件中心

  • 点击上方创建 数据中心
  • 配置 数据中心 数据
  • 填充准备好的文案和图片素材
  • 点击上方创建 事件中心
  • 添加 数据事件
  • 配置 事件中心-数据事件 数据

添加配置轮播图触发器

  • 图层中选择 轮播图 组件
  • 点击添加 触发器 配置相关数据
  • 点击 数据绑定及设置 配置相关数据

添加配置轮播图条目数据

  • 图层中选择 轮播图条目(list item) 组件
  • 点击添加 数据绑定及设置 配置相关数据

配置轮播点

  • 图层中选择 轮播点(Dot) 组件
  • 配置 样式设置 相关数据