文档

轮播图

更新时间:
一键部署

轮播图组件以幻灯片的方式展示一组图片资源,支持自定义轮播图片、轮播动画效果等。本文介绍轮播图组件的详细配置方法。

步骤一:添加组件

  1. 创建移动应用。具体操作,请参见创建移动应用

  2. 在移动应用编辑器中,单击最左侧的组件图标组件

  3. (可选)添加分栏组件,进行应用页面布局设置。具体操作,请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,在搜索框中输入轮播图,找到该组件,然后将组件拖拽到中间画布。

    有关添加组件的更多信息,请参见添加组件

    轮播图组件

步骤二:配置数据源

  1. 在移动应用编辑器右侧样式中,单击轮播图右侧的图标加号,添加轮播图片。重复此操作,添加多个轮播图片。

    注意

    该组件最多可添加10个轮播图片。

    增加轮播图
  2. 单击对应图片页签中的上传图片,上传本地图片,或从已有的图片库中选择图片。

  3. 单击确定

步骤三:配置样式

  1. 在移动应用编辑器右侧样式中,设置轮播图的轮播模式、停顿时长、对应图片的跳转链接。

    注意

    请输入以https://或者http://为开头的网址,为空则表示不设置跳转链接。

  2. 调整组件宽高和在页面中的布局位置。具体操作,请参见通用样式

  3. 预览和调试组件展示的数据和效果。具体操作,请参见预览与调试