Axure版本的Element移动端组件库是基于Element UI/Plus设计规范开发的,适用于APP和小程序等移动端产品原型设计。它涵盖了基础、导航、输入、数据展示、反馈等多个类型的组件,能高效支撑各类移动端原型设计,以下是具体介绍:
- 基础组件:
- 按钮(Button):有主按钮、次要按钮等样式,支持小、中、大不同尺寸和默认、禁用等状态,还预设了悬停、点击交互效果。
- 图标(Icon):集成Element官方全套图标,如箭头、编辑等,支持单色和多色显示,可与其他组件组合。
- 排版(Typography):提供标题(H1-H6)、正文等预设文本样式,包含字重、行高、颜色等属性,让文字层级清晰。
- 分割线(Divider):可水平或垂直分隔不同内容区块,还能添加文字说明,使布局更有条理。
- 导航组件:包含顶部导航、侧边导航等多种导航方式。可以帮助用户在不同页面和功能模块之间进行快速切换,提升移动端应用的导航便利性和用户体验。
- 输入组件:
- 输入框(Input):包括单行输入和多行文本域,支持预设占位符、禁用状态、长度限制等,可实现“聚焦-输入-失焦”流程及表单校验。
- 选择器:如级联选择器、时间选择器、日期选择器等,方便用户从预设选项中进行快速选择,提升数据输入效率。
- 数据展示组件:
- 树形控件(Tree):可展示部门结构、文件目录等层级数据,支持节点展开/折叠、勾选功能,能模拟点击节点后的状态变化。
- 表格:用于展示多行多列数据,可进行数据的查看、排序等操作,部分组件库还提供了斑马纹表格、无数据表格等多种样式。
- 反馈组件:
- 对话框(Dialog):用于重要操作确认,如删除确认,支持标题、内容、按钮区自定义。
- 消息提示(Message):显示操作结果,如“保存成功”。通知(Notification)从右上角弹出,警告(Alert)用于页面内错误或提醒信息。
- 加载组件(Loading):可模拟数据请求时的加载状态,如表格加载中显示spinner动画。骨架屏(Skeleton)在数据未加载完成时显示占位符,提升用户等待体验。
