3.删除弹窗

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

更新于 2026年7月17日

一、整体布局结构

弹窗独立层级,弹窗内垂直分层:弹窗标题栏 → 提示信息展示区 → 弹窗底部操作按钮;无页面全局顶部导航、侧边菜单栏、表单录入区、数据列表、分页控件、页面底部信息区。
分组规则:内容垂直分隔,提示文本居中排布,底部按钮横向并排。

二、分区域元素拆解

(一)弹窗顶部标题栏

  1. 静态标题文本:提示
  2. 右上角图标按钮:关闭弹窗×图标按钮

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

  1. 无交互警示图标:圆形黄色感叹号标识
  2. 静态确认提示文本:此操作将会删除该任务及相关数据,是否确认?

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

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

(四)无交互元素

页面半透明重复水印文本

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

1. 表单类输入控件

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

2. 按钮类元素

弹窗控制图标按钮

弹窗关闭×图标按钮

弹窗业务操作按钮

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

3. 表格/列表类组件

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

4. 静态文本展示元素

弹窗标题「提示」、删除操作确认提示文案、水印背景文本

5. 静态装饰元素

黄色圆形感叹号警示图标(无交互)

6. 缺失组件说明

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