轮播 — CodeRoadMap站内有对应完整课时点击前往学习,带讲义与进度追踪节点说明与学习资源
轮播图堆叠相同类型的项,并允许水平滚动浏览它们。
- 导航控件: 轮播图应具有易于查找的导航控件,用于滚动浏览内容。
- 支持任何内容: 轮播图可以在不同的上下文中使用,不应限于特定的子组件。在某些场景中,您可能希望同一轮播图中的项彼此不同。
- 项宽度自定义: 对于简单产品,使用多个预定义尺寸的轮播图项可能足够。对于更大的灵活性,最好提供一种定义自定义宽度的方法。
- 触摸事件支持: 轮播图应在触摸设备上可滚动。一些最佳实践是使用原生滚动,并确保您为所有触摸设备支持相同的行为,而不仅仅是手机。
- 键盘导航: 当聚焦于导航控件时,应该可以使用键盘箭头滚动浏览内容。
- 响应式: 对于移动视口,隐藏或减小导航控件的大小是一个好习惯,以提高内容的可见性。