文档

组件(布局自定义)

已更新 2025年4月28日

轮播图

轮播图是一种以水平滚动方式展示一系列内容的界面元素。每个内容通常以图形缩略图的形式显示,您可以通过在屏幕上左右滑动,或点击屏幕上显示的箭头按钮来浏览。在应用中,轮播图常用于展示一组图片或其他媒体内容,点击或轻触即可查看更多信息或执行其他操作。

专辑轮播图

专辑轮播图是一种展示与特定主题或分类相关的一组内容的功能。专辑轮播图中的内容通常以一组水平滚动的卡片形式呈现,您可以左右滑动查看不同内容。电商应用中使用专辑轮播图,方便用户按主题或分类浏览商品。例如,应用中可以设置一个“夏季时尚”专辑轮播图,展示适合夏季穿着的服饰和配饰。

商品轮播图

产品轮播是一种展示待售商品精选的轮播组件。产品轮播中的商品通常以一组可横向滑动的卡片形式排列,用户可以左右滑动查看不同商品。产品轮播常用于电商应用中,方便用户浏览商品精选并查看每件商品的更多信息。例如,应用可以设置一个“新品上架”产品轮播,展示近期发布的商品精选,或设置一个“热销商品”产品轮播,展示最受欢迎的商品精选。

图片轮播

图片轮播是一种以横向列表形式展示一系列图片的功能元素,并支持用户滚动浏览图片。图片轮播中的图片通常以一组可横向滑动的卡片形式展示,用户可以左右滑动查看不同图片。图片轮播常用于应用中,方便用户浏览图片精选并查看每张图片的更多信息。例如,应用可以设置一个精选“横幅图片”图片轮播,展示优惠、商品或促销活动的图片精选,或设置一个“热门商品”图片轮播,展示热门商品精选。
 

商品列表

产品列表是应用中展示在售商品的一项功能。产品列表中的商品通常纵向排列,每件商品以卡片形式呈现,包含商品名称、价格和缩略图等信息。电商应用通过产品列表让用户浏览商品并查看每件商品的更多信息。用户通常可以点击列表中的商品,查看其详细信息,例如描述、更多图片和客户评价。产品列表还可能提供排序和筛选等功能,帮助用户找到感兴趣的商品。

系列列表

系列列表是应用中展示不同系列的一项功能,通常以纵向列表排列,每个系列以卡片形式呈现,包含系列名称和系列图片等信息。电商应用常用系列列表让用户按主题或类别浏览商品。例如,应用中可以设置一个系列列表,方便顾客在购物时找到感兴趣的类别,服装或配饰系列就是典型的例子。 

图片轮播

图片轮播是一种用户界面元素,可显示单张图片,并允许用户通过点击箭头按钮或使用导航圆点指示器切换到其他图片。图片轮播常用于突出展示单张图片或少量图片,在网站和移动应用中都很常见。
在应用中,图片轮播可用于展示一系列商品图片,或展示一系列说明某个概念或想法的图片。用户可以通过在屏幕上左右滑动,或点击屏幕上显示的箭头按钮来浏览图片。有些图片轮播还允许用户暂停幻灯片播放,并从当前显示的图片中手动选择某一张。

文本

文本是应用中常用的功能,用于向用户显示文字信息。文本用途广泛,例如显示说明、描述、标签或其他类型的信息。文本可以以多种格式显示,如段落、列表或标题,并可通过不同字号、颜色及其他格式选项进行样式设置。文本通常与图片、按钮或链接等其他功能配合使用,以提供更具互动性和吸引力的用户体验。

可折叠文本

折叠文本是一种文本功能,用户可以通过点击按钮、链接或下拉菜单来展开或收起一段文本。文本收起时仅显示摘要或节选,用户可点击按钮或链接查看完整内容。这有助于节省空间,让用户更轻松地浏览和阅读长篇文本。折叠文本常用于在应用中展示并非所有用户都需要、或部分用户可能想跳过的信息。例如,应用可以使用折叠文本展示产品的详细描述,用户如需要可自行展开查看完整描述。

产品推荐 

商品推荐功能是应用中根据用户的兴趣或过往行为向其推荐商品的功能。商品推荐功能常用于电商应用中,帮助用户发现可能感兴趣的新商品,并鼓励他们进行更多购买。生成商品推荐可以使用多种不同的算法和技术,例如协同过滤、基于内容的过滤和矩阵分解。商品推荐功能可能基于多种因素,例如用户过去浏览或购买过的商品、用户感兴趣的类别或品牌,以及用户对其他商品给出的评分或评价。