237
云计算
负载均衡
产品简介
产品价格
快速入门
用户指南
实践操作
常见问题
购买指南
云服务器
产品简介
计费规则
购买指导
控制台使用指南
常见问题
云数据库
产品简介
计费规则
购买指导
快速入门
连接实例
控制台使用指南
对象存储
产品简介
控制台使用指南
程序员百科
Python
阿里云速成美站设计教程-如何添加列表控件和设置列表控件?

产品推荐:

1、安全稳定的云服务器租用,2核/2G/5M仅37元,点击抢购>>>

2、高防物理服务器20核/16G/50M/500G防御仅350元,点击抢购>>>

3、百度智能建站(五合一网站)仅880元/年,点击抢购>>> 模板建站(PC+手机站)仅480元/年,点击抢购>>>

4、阿里云服务器2核2G3M仅99元/年、2核4G5M仅199元/年,新老同享,点击抢购>>> 

5、腾讯云服务器2核2G4M仅99元/年、新老同享,点击抢购>>>   


点击这里点击这里进入阿里云速成美站官方页面,立体验云·速成美站>>>

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

背景信息

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

添加列表控件

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

设置文章列表

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

一键锁定位置

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

删除当前控件

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


这条帮助是否解决了您的问题? 已解决 未解决

提交成功!非常感谢您的反馈,我们会继续努力做到更好! 很抱歉未能解决您的疑问。我们已收到您的反馈意见,同时会及时作出反馈处理!