4.导出弹窗
一、整体布局结构
弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 提示信息展示区 → 弹窗底部操作按钮;无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。
分组规则:内容垂直分隔,提示文本居中排布,底部按钮横向并排。
二、分区域元素拆解
(一)弹窗顶部标题栏
- 静态标题文本:提示
- 右上角图标按钮:关闭弹窗×图标按钮
(二)弹窗中间提示信息展示区
- 无交互警示图标:黄色圆形感叹号标识
- 静态提示文本:将会导出1条数据
(三)弹窗底部操作按钮组(横向排布)
- 次按钮:取消
- 主按钮:确定
(四)无交互元素
页面半透明重复水印文本
三、元素类型分类汇总清单
1. 表单类输入控件
无单行输入框、下拉选择、单选、多选、文本域、上传控件、日期选择等全部表单输入组件
2. 按钮类元素
弹窗控制图标按钮
弹窗关闭×图标按钮
弹窗业务操作按钮
取消(次按钮)、确定(主按钮)
3. 表格/列表类组件
无表头、数据行、分页、筛选、行操作按钮等全部表格相关组件
4. 静态文本展示元素
弹窗标题「提示」、导出数据提示文案、水印背景文本
5. 静态装饰元素
黄色圆形感叹号警示图标(无交互)
6. 缺失组件说明
无顶部全局导航、左侧树形侧边菜单、页面标签、筛选表单、批量操作按钮、数据表格、分页控件、图片上传区域、页面底部状态栏、查询/新增/编辑/删除全局功能按钮、弹窗全屏缩放按钮