轮播图 · Carousel
英文:Carousel
常用组件难度:入门 ★
🗣️一句话大白话
在有限空间中轮流展示多个项目,通常带箭头、圆点和序号。在有限空间中轮流展示多个项目,通常带有左右箭头、圆点指示和当前序号。
🖼️样图参考

🎬真实场景
精选项目、客户评价、产品截图、活动 Banner
📮你可以这样说
「在 Punk 首页添加 Featured Projects Carousel, 一次展示 1 个主项目和下一项目的一小部分预览,提供 Previous、Next 按钮和 01 / 05 序号; 默认不自动播放,支持触摸滑动和键盘操作,用户启用 reduced motion 时取消滑行动画。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:轮播必须自动播放。实际默认不自动播放更友好,自动播放易被跳过且干扰阅读
🚫什么时候别用
- ✗内容不足 3 个时(直接平铺)
🧩常见变体
主项目+预览轮播客户评价轮播
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系