# c-dialog


对话框

# 属性

属性名 类型 必填 默认值 说明
title String 对话框提示的标题
content String 对话框提示的内容
type String alert 对话框的类型,有效值:alert/confirm
cancel-text String “取消” 取消按钮的文字
cancel-style Object 自定义取消按钮的文案样式
如 {'color':'red','text-align':'center'}
confirm-text String “确定” 确认按钮的文字
confirm-style Object 自定义确认按钮的文案样式
如 {'color':'red','text-align':'center'}
icon-type String “warn” 图标,有效值success/warn
icon-url String 图标地址
icon-style Object 图标的样式
mask Boolean true 是否显示透明蒙层
show Boolean false 开启打开alert类型对话框
show-close Boolean false 是否显示close关闭图标
c-bind:show EventHandle 开启alert类型对话框时触发
返回事件对象:
event.type="changeShow",
e.detail={value}
c-bind:cancel EventHandle 用户点击cancel时触发
返回事件对象:
event.type="cancelEvent"
c-bind:confirm EventHandle 用户点击confirm时触发
返回事件对象:
event.type="confirmEvent"
c-bind:close EventHandle 点击close图标时触发
返回事件对象:
event.type="closeEvent"

# 示例

<template>
  <view class="toast-page">
    <c-dialog show="{{true}}" title="标题" mask="{{true}}" content="内容内容"> </c-dialog>
  </view>
</template>

<script>
class C_dialog {}

export default new C_dialog();
</script>

<script cml-type="json">
{
  "base": {
    "usingComponents": {
      "c-dialog": "cml-ui/components/c-dialog/c-dialog"
    }
  }
}
</script>
wx
web
native