Code
Road
Map
首页
路线
题库
资源库
文章
社区
Search or jump to…
⌘K
轮播 — CodeRoadMap
开发路线图
/
设计系统路线图
/
轮播
阶段二
轮播
站内有对应完整课时
点击前往学习,带讲义与进度追踪
节点说明与学习资源
轮播图堆叠相同类型的项,并允许水平滚动浏览它们。
导航控件:
轮播图应具有易于查找的导航控件,用于滚动浏览内容。
支持任何内容:
轮播图可以在不同的上下文中使用,不应限于特定的子组件。在某些场景中,您可能希望同一轮播图中的项彼此不同。
项宽度自定义:
对于简单产品,使用多个预定义尺寸的轮播图项可能足够。对于更大的灵活性,最好提供一种定义自定义宽度的方法。
触摸事件支持:
轮播图应在触摸设备上可滚动。一些最佳实践是使用原生滚动,并确保您为所有触摸设备支持相同的行为,而不仅仅是手机。
键盘导航:
当聚焦于导航控件时,应该可以使用键盘箭头滚动浏览内容。
响应式:
对于移动视口,隐藏或减小导航控件的大小是一个好习惯,以提高内容的可见性。
1
读
2
验
3
留
加载本节练习…
留一句
用自己的话写下这一站的结论。
离开本站
← 上一节点
卡片
下一节点 →
下拉菜单