列表

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

背景信息

设计文章/产品的全流程中，使用列表控件展示文章一般需要以下三步。

1. 新增/导入文章：请先在后台完成文章的新增或导入（操作说明见本帮助中心「文章管理」）。
2. 添加并设置列表控件：本篇文章有讲解。
3. 设计详情页：请参见「详情页相关控件」。

添加列表控件

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

设置文章列表

单击列表上的设置按钮，可弹出快速设置面板，用于设置文章列表的样式、数据、动效、排列。

• 样式：设置默认样式和悬停样式。
• 数据：单击选择可设置列表中的文章、设计文章详情页、选择页面打开方式。
• 动效：设置动画效果。
• 排列：设置文章列表的尺寸和位置。

设置产品列表

单击设置按钮，可弹出快速设置面板，用于设置产品列表的样式、数据、动效、排列（具体项以设计器面板为准）。

• 样式：设置默认样式和悬停样式。
• 数据：选择列表中要展示的产品数据，并关联产品详情页与打开方式等。
• 动效：设置动画效果。
• 排列：设置产品列表的尺寸和位置。

设置文件列表

单击设置按钮，可弹出快速设置面板，用于设置文件列表的样式、数据、动效、排列（具体项以设计器面板为准）。

• 样式：设置默认样式和悬停样式。
• 数据：选择要展示的文件与展示规则等。
• 动效：设置动画效果。
• 排列：设置文件列表的尺寸和位置。

一键锁定位置

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

删除当前控件

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