2.导出确认弹窗

text
2026年7月17日阅读约 1 分钟57 字

更新于 2026年7月17日

一、整体布局结构

弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 提示图标+确认文本区 → 下载提示说明文本区 → 弹窗底部操作按钮组;无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、页面底部信息区。
分组规则:内容垂直分隔,四层独立区块自上而下排布。

二、分区域元素拆解

(一)弹窗顶部标题栏

  1. 静态标题文本:导出确认
  2. 右上角图标按钮:弹窗关闭×按钮

(二)弹窗中间提示信息展示区

  1. 无交互信息提示图标(黄色圆形i标识)
  2. 静态确认提示文本:已勾选7条数据,是否确认全部导出
  3. 小标题静态文本:下载提示:
  4. 分段静态免责说明文本(4条约束条款):
    1、仅在履行法定职责所必需的限度内、最小范围、最低限度地使用信息;
    2、严格保密,不得泄露、转让或用于其他目的;
    3、妥善存储和管理,避免信息泄露;
    4、因下载及使用不当产生的法律责任和损失,由贵单位自行承担。

(三)弹窗底部操作按钮组(横向居中排布)

  1. 次按钮:取消
  2. 主按钮:确定

(四)无交互元素

半透明重复水印背景文本

三、元素类型分类汇总清单

1. 表单类输入控件

无单行输入框、下拉选择、单选、多选、文本域、上传控件、日期选择等所有表单输入组件

2. 按钮类元素

弹窗控制图标按钮

弹窗关闭×图标按钮

弹窗业务操作按钮

取消(次按钮)、确定(主按钮)

3. 表格/列表类组件

无表头、数据行、分页、筛选、行操作按钮等全部表格相关组件

4. 静态文本展示元素

弹窗标题「导出确认」、导出数据确认提示文案、下载提示小标题、4条隐私合规约束条款、页面水印文本

5. 静态装饰元素

黄色圆形i信息提示图标(无交互)

6. 缺失组件说明

无顶部全局导航、左侧树形侧边菜单、页面标签、筛选表单、批量操作按钮、数据表格、分页控件、图片上传区域、页面底部状态栏、查询/新增/编辑/删除全局功能按钮