Confirm 确认弹窗组件 — MXWUI — 风起云涌，雨落无痕 —

适用于需要用户操作确认的场景，只能通过按钮来关闭，基于基础弹窗组件的封装。

示例图

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

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

页面 .wxml 文件中使用组件

<mx-confirm visible={{true}} content="内容" />

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

<mx-confirm visible />

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

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

<mx-confirm />

属性：title，默认标题 系统消息，自定义标题文案；

设置为空则不显示标题区域。

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

属性：content，自定义内容；必填参数。

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

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

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

属性：bind:confirm，确认按钮回调事件。

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

<mx-confirm confirmBtnColor="#1677FF" />

<mx-confirm bind:confirm="handleConfirm" />

属性：cancelBtnText，取消按钮文案，默认文案 取消。

属性：cancelBtnColor，取消按钮文本色，默认 #656979，支持任何合法的颜色值。

属性：bind:cancel，取消按钮回调事件。

<mx-confirm cancelBtnText="{{cancelBtnText}}" />

<mx-confirm cancelBtnColor="{{cancelBtnColor}}" />

<mx-confirm bind:cancel="handleCancel" />

属性：zIndex，默认 1。

<mx-confirm zIndex="1" />

事件名称	类型	返回值	事件说明
bind:cancel	Clici		取消事件回调
bind:confirm	Click		确定事件回调

无