Alert 信息弹窗组件 — MXWUI — 风起云涌，雨落无痕 —

适用于消息通知、用户操作反馈等无需用户确认的场景，基于基础弹窗组件封装，提供少量可修改属性，如有定制需求请用基础弹窗组件（Dialog 组件）。

示例图

页面 .json 文件 usingComponents 中引入组件

// json
{
    "usingComponents": {
        "mx-alert": "/components/mxwui/alert/index"
    }
}

页面 .wxml 文件中使用组件

<mx-alert />

属性：visible，默认 false 不显示弹窗；必填字段。

<mx-alert visible />

<mx-alert visible="{{true}}" />

<mx-alert visible="{{false}}" />

<mx-alert />

属性：title，显示标题，默认标题为 系统消息，如果不传或设为空，则不显示标题区域。

<mx-alert title="自定义标题" />

属性：content，显示内容，必填字段。

<mx-alert content="这是自定义内容" />

属性：confirmBtnText，确认按钮文案，默认文案为 确定。

属性：confirmBtnColor，确认按钮文案颜色，默认颜色 #CA0E2D，支持任何合法的颜色值。

事件：bind:alert_confirm，确认按钮回调事件

<mx-alert confirmBtnText="保存"  />

<mx-alert confirmBtnText="保存" confirmBtnColor="#1677FF" />

<mx-alert bind:alert_confirm="handleConfirm" />

属性：zIndex，默认为 1。

<mx-alert zIndex="1" />

属性：isCloseMask，默认为 true 蒙层可关闭弹窗。

事件：bind:alert_close，弹窗关闭回调事件

<mx-alert />

<mx-alert isCloseMask />

<mx-alert isCloseMask="{{true}}" />

<mx-alert isCloseMask="{{false}}" />

<mx-alert bind:alert_close="handleClose" />

事件名称	类型	返回值	事件说明
bind:alert_confirm	Click		确认按钮回调事件
bind:alert_close	Click		弹窗关闭回调事件

无