摆内容
走马灯
Carousel
「自动切换的大图」「首页轮播」「左右滑的图片」「banner那种滚动图」「几张图轮流播」「带小圆点的图」「顶上的滑动广告」
LIVE DEMO真实可交互，动手试试
1
2
3
- 英文名
- Carousel
- 别名 · 俗称
- 轮播图Banner 轮播滑动大图shadcn: Carousel
- Web 叫法
- Carousel
- 大白话定义
- 几张图轮流占同一个位置，自动翻或用手滑，首页 Banner 最爱用它。
- 部位拆解
- 滑轨 Track装所有图的容器，横向滑动
- 指示点 Dots几个小点代表几张图，亮的是当前张
- 箭头 Arrow可选，上一张、下一张
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
在首页顶部加走马灯（Carousel）：3 张 Banner 每 3 秒自动切换，底部小圆点，支持左右滑动
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的走马灯（Carousel）。逐一排除：循环模式首尾相接时跳动或闪白；图片懒加载没占位，容器高度塌陷导致指示点乱飘；触摸滑动和箭头按钮切换同时触发，一次跳两张；自动播放没在悬停时暂停，用户没看完就翻走。症状是：