四、移动端设计组件

移动端组件以便捷、亲和、可触达为核心，优先保障单手操作、清晰反馈和小屏信息组织效率。组件规则与 PC 端保持同源，但在尺寸、布局和交互密度上适配移动端场景。

（一）按钮

1、按钮样式

2、按钮尺寸

3、按钮状态

4、禁用按钮

移动端按钮用于承载核心操作、次要操作和轻量文本操作。按钮文案应以动词开头，触控区域需要满足移动端点击要求。

（二）导航

1、导航菜单

2、标签页

3、步骤条

移动端导航应减少层级暴露，优先使用底部标签、顶部导航、分段切换和步骤条承载高频路径，避免在小屏内堆叠过多入口。

（三）数据展示

1、表格

2、时间轴

3、轮播

4、抽屉

5、卡片

6、进度条

7、标签

移动端数据展示应以卡片、列表和分组信息为主。复杂表格需要拆分为可横向滚动区域或转为卡片列表，避免直接压缩字段。

（四）数据输入

1、级联选择

2、复选框

3、单选框

4、选择器

5、数据穿梭框

6、上传

移动端输入组件应减少手动录入，优先使用选择、扫码、上传、默认值和历史记录。表单项需要保持标签清晰、错误明确、键盘类型匹配。

（五）信息反馈

1、警告提示

2、抽屉

3、全局提示

4、对话框

5、通知提醒框

6、进度条

移动端反馈应轻量直接。普通结果用全局提示，阻断确认用对话框，复杂补充信息用抽屉，长任务用进度条持续告知状态。

（六）数据可视化

1、颜色

2、图表

移动端可视化应控制信息密度，优先展示关键指标和趋势。图表交互需支持点击或滑动查看详情，避免依赖鼠标悬停。