列表主要作用为展示后台上传的文章、产品、文件。列表分为文章列表、产品列表和文件列表,本文介绍如何添加列表控件、如何设置列表控件。

背景信息

文章显示流程图 上图为设计文章/产品的全流程,使用列表控件展示文章一共需三步。
  1. 新增/导入文章:请参见文章管理
  2. 添加并设置列表控件:本篇文章有讲解。
  3. 设计详情页:请参见详情页相关控件

添加列表控件

单击资源区中的内容 > 文章列表/产品列表/文件列表,选择展示样式,即可添加成功。

设置文章列表

单击下图所示的设置按钮,可弹出快速设置面板,用于设置文章列表的样式、数据、动效、排列。 文章列表2.1
说明 如需了解新增/上传文章操作请参见文章管理,产品类似,不再赘述。
  • 样式:设置默认样式和悬停样式。
  • 数据:单击选择可设置列表中的文章、设计文章详情页、选择页面打开方式。
  • 动效:设置动画效果。
  • 排列:设置文章列表的尺寸和位置。

一键锁定位置

选中列表控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除当前控件

选中列表控件时,单击像废纸篓一样的图标按钮,可删除此控件。