Code
Road
Map
首页
路线
题库
资源库
文章
社区
Search or jump to…
⌘K
标签页 — CodeRoadMap
开发路线图
/
设计系统路线图
/
标签页
阶段二
标签页
站内有对应完整课时
点击前往学习,带讲义与进度追踪
节点说明与学习资源
选项卡组织在多个页面或内容部分之间的导航。
活动按钮状态
:应清晰地区分选中和未选中的选项卡按钮。
按钮图标支持
:图标有助于在标签旁边显示选项卡按钮的用途。
等大小的选项卡按钮
:选项卡可用于相对较小的容器,其中需要在不同部分之间切换一个确定的数字。对于此类场景,最好支持按钮区域均分的变体。
键盘导航
:所有选项卡按钮都应可聚焦,并且应可通过键盘在选项卡组件之间进行导航。
响应性
:如果移动设备上的所有选项卡都不适合视口,用户仍然应能访问所有选项卡按钮。解决方法可以是使按钮区域对移动设备可滚动,或显示一个包含下拉菜单的“更多”按钮,其中包含其余按钮。
1
读
2
验
3
留
加载本节练习…
留一句
用自己的话写下这一站的结论。
离开本站
← 上一节点
模态框
下一节点 →
Toast