✏️ AI 术语图鉴

轮播图 · Carousel

英文:Carousel

常用组件难度:入门 ★

🗣️一句话大白话

在有限空间中轮流展示多个项目,通常带箭头、圆点和序号。在有限空间中轮流展示多个项目,通常带有左右箭头、圆点指示和当前序号。

🖼️样图参考

示例 · 轮播图
示例 · 轮播图

🎬真实场景

精选项目、客户评价、产品截图、活动 Banner

📮你可以这样说

「在 Punk 首页添加 Featured Projects Carousel, 一次展示 1 个主项目和下一项目的一小部分预览,提供 Previous、Next 按钮和 01 / 05 序号; 默认不自动播放,支持触摸滑动和键盘操作,用户启用 reduced motion 时取消滑行动画。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:轮播必须自动播放。实际默认不自动播放更友好,自动播放易被跳过且干扰阅读

🚫什么时候别用

  • ✗内容不足 3 个时(直接平铺)

🧩常见变体

主项目+预览轮播客户评价轮播

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
图片灯箱
Lightbox
功能网格
Feature Grid
卡片式布局
Card-based Layout
轮播图
Carousel

🔗相关术语