2.导出确认弹窗
一、整体布局结构
弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 提示图标+确认文本区 → 下载提示说明文本区 → 弹窗底部操作按钮组;无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。
分组规则:内容垂直分隔,四层独立区块自上而下排布。
二、分区域元素拆解
(一)弹窗顶部标题栏
- 静态标题文本:导出确认
- 右上角图标按钮:弹窗关闭×按钮
(二)弹窗中间提示信息展示区
- 无交互信息提示图标(黄色圆形i标识)
- 静态确认提示文本:已勾选7条数据,是否确认全部导出
- 小标题静态文本:下载提示:
- 分段静态免责说明文本(4条约束条款):
1、仅在履行法定职责所必需的限度内、最小范围、最低限度地使用信息;
2、严格保密,不得泄露、转让或用于其他目的;
3、妥善存储和管理,避免信息泄露;
4、因下载及使用不当产生的法律责任和损失,由贵单位自行承担。
(三)弹窗底部操作按钮组(横向居中排布)
- 次按钮:取消
- 主按钮:确定
(四)无交互元素
半透明重复水印背景文本
三、元素类型分类汇总清单
1. 表单类输入控件
无单行输入框、下拉选择、单选、多选、文本域、上传控件、日期选择等所有表单输入组件
2. 按钮类元素
弹窗控制图标按钮
弹窗关闭×图标按钮
弹窗业务操作按钮
取消(次按钮)、确定(主按钮)
3. 表格/列表类组件
无表头、数据行、分页、筛选、行操作按钮等全部表格相关组件
4. 静态文本展示元素
弹窗标题「导出确认」、导出数据确认提示文案、下载提示小标题、4条隐私合规约束条款、页面水印文本
5. 静态装饰元素
黄色圆形i信息提示图标(无交互)
6. 缺失组件说明
无顶部全局导航、左侧树形侧边菜单、页面标签、筛选表单、批量操作按钮、数据表格、分页控件、图片上传区域、页面底部状态栏、查询/新增/编辑/删除全局功能按钮