@beisen-phoenix/mobile-modal

- 标题应该简明，不能超过 1 行；描述内容应该简明、完整，一般不多于 2 行。 - Alert 操作按钮最多到 1 个，默认为确定 - Confirm 操作按钮最多到 2 个，默认为取消、确定

Usage no npm install needed!

<script type="module">
  import beisenPhoenixMobileModal from 'https://cdn.skypack.dev/@beisen-phoenix/mobile-modal';
</script>

README

规约

  • 标题应该简明，不能超过 1 行；描述内容应该简明、完整，一般不多于 2 行。
  • Alert 操作按钮最多到 1 个，默认为确定
  • Confirm 操作按钮最多到 2 个，默认为取消、确定

API

Modal.Alert

属性 说明 类型 默认值
show 对话框是否可见 boolean false
title 标题 String 或 React.Element 无
message 提示信息 String 或 React.Element 无
buttons 按钮组, [{text, onClick }] Array 无
maskCls 自定义遮罩classname string 无
mainViewCls 自定义内容container className string 无

Modal.Confirm

属性 说明 类型 默认值
show 对话框是否可见 boolean false
title 标题 String 或 React.Element 无
message 提示信息 String 或 React.Element 无
buttons 按钮组, 默认两个，最多两个 [{text, onClick }] Array 无
maskCls 自定义遮罩classname string 无
mainViewCls 自定义内容container className string 无

Modal

属性 说明 类型 默认值
show 对话框是否可见 Boolean false
size 大小 String , 可选：'small' 'large';
closable 是否显示关闭按钮 Boolean false
maskClosable 点击蒙层是否允许关闭 Boolean false
onClose 点击 x 或 mask 回调 (): void 无
children 子节点, 定制内容 React.Element 无
maskCls 自定义遮罩classname string 无
mainViewCls 自定义内容container className string 无