# 使用弹出框展示信息

# 场景需求

创建商品二次确认。创建成功弹出框提示。

01

# 搭建思路

  • 在提交表单前加入弹出框。
  • 通过再出确认提交表单,若通过则弹出“创建成功”,反之则弹出“创建失败”。

# 操作步骤

  1. 拖入一个弹出框并设置二次确认信息,点击提交打开该弹出框。02

  2. 将在将原需要表单校验步骤移入弹出框提交按钮。03

  3. 拖入一个弹出框仅设置两个文本“创建成功”与“创建失败”,为文本做显隐设置。04

  4. 在二次确认提交按钮校验通过并成功成功创建时,弹出第二弹出显示创建成功,反之显示创建失败。05

    若需要提供点击选区外关闭选项功能,可打开点击遮罩后关闭开关。

    06

上次更新: 2023年06月26日