ych-pumpkin
Version:
26 lines (24 loc) • 1.63 kB
Markdown
```
叶晨浩
```
1.modal弹窗可通过方法形式调用
2.提供了2种最基本的样式，也可以自定义样式。
```
1.在要使用该组件的地方引入该组件
import Modal from './modal'
2.当要调出modal弹窗的时候：Modal.modalFun().open()
3.当要关闭弹窗的时候：Modal.modalFun().close()
4.这里着重介绍一些调出modal时候，open(ans)，这里传ans这个对象里面包含了一些参数！具体如下：
customDom: <div>自定义dom</div> // 这个参数用来传自定义dom,要是不传这个参数，那么默认用模板。
zzcClick: true // 该参数标识弹出modal后点击遮罩层能否关闭弹窗，不传或者false时候 默认不能点击关闭
title: 'hahha', //modal弹窗里面的标题或者文案，类型string,不传该参数时候，默认文案为 "默认标题"
templateType: 1 // modal组件提供了2套基础样式，1和2，传入1或者2即可选择，默认不传时候 为1.（customDom参数要是有传自定义dom那么这不管传不传都不会启用默认模板的）
cancelFun: this.myCancel, // 这是取消关闭按钮触发的方法，当不传该参数的时候，点击默认是关闭弹窗，也可以自己传入自己写的方法。
confirmFun:this.myConfirm, // 这是确定按钮触发的方法，当不传该参数的时候，点击默认是关闭弹窗，也可以自己传入自己写的方法。
cancelName: '点我关闭', // 这是取消按钮的文案，不传时候默认为取消
confirmName:'点我确定', // 这是取消按钮的文案，不传时候默认为确定
```