Astro轻应用 AstroZero-页面级常见操作:弹出消息对话框

时间:2023-11-01 16:25:39

弹出消息对话框

该预置动作,用于弹出消息对话框。以单击“确定”按钮,弹出“创建实例成功”的消息对话框为例,进行介绍。

  1. 在标准页面设计界面,选中按钮组件。
  2. 在右侧“事件”页签中,单击,进入添加动作页面。
  3. 在“内置动作”,单击“弹出消息对话框”,设置相关参数,单击“创建”。

    图4 关闭弹出页面
    • 消息类型:弹出的消息类型,如成功、错误、警告和提示。
    • 标题:消息对话框左上角,显示的标题。
    • 消息内容:消息对话框中,显示的消息内容。
    • 内容作为HTML渲染:内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击,开启此属性时,请确保传入的内容是可信的。
    • 按钮:消息对话框中,显示的按钮名称。
    • 弹出后延时自动关闭:弹出后,是否支持延时自动关闭。勾选后,需要设置延时秒数。

      例如:勾选该参数,并设置延时3秒。效果为弹出消息对话框后,3秒后自动关闭该弹框。

  4. 返回标准页面开发界面,单击页面上方的,保存页面。
  5. 单击,预览页面,单击“确定”按钮,可预览按钮的事件效果。
support.huaweicloud.com/usermanual-astrozero/astrozero_05_9061.html