使用说明

// 按需引入需要在 app.scss 中引入对应样式 modal.scss
import { ClModal } from "mp-colorui";

注意

onClose, onCancel 方法触发时，请再手动设置 show 的参数为 false，否则该 props 参数会一直为 true，并会随其他 modal 一起再次出现。

一般用法

参数说明

Modal 参数

参数	说明	类型	可选值	默认值
show	是否显示	boolean	true,false	false
title	标题	string	-	-
close	是否显示关闭按钮	boolean	true,false	true
custom	是否自定义整个 modal	boolean	true,false	false
closeWithShadow	点击阴影关闭	boolean	true,false	false
titleBgColor	标题栏背景色	string	参考文档 默认色	-
actionColor	操作栏颜色	string	参考文档 默认色	-
padding	padding 距离	string	xsmall,small,normal,large,xlarge	-
actions	操作栏操作组	actions[]	详情	[]
renderAction	自定义操作栏	Element	-	-
renderTitle	自定义标题栏	Element	-	-

actions

参数	说明	类型	可选值	默认值
text	action 文字	string	-	-
color	action 颜色	string	参考文档 默认色-标准色	-

Modal 事件

事件名称	说明	参数返回
onClick	操作栏点击事件	index，index 为操作栏第几个
onCancel	点击 阴影 关闭事件	-
onClose	点击 关闭 关闭事件	-

部分功能需扫码预览才能正常显示。

H5及小程序二维码