Modal

基本用法

展开

使用插槽

展开

Hook打开

展开

自定义遮罩类型

展开

Props

参数名	参数类型	类型简介	示例	默认值
modelValue	Boolean	是否打开Modal	#基本用法	false
title	String	用于设置modal的title, 在使用插槽的时候会被覆盖	#使用插槽	''
content	String	用于设置modal的content, 在使用插槽的时候会被覆盖	#使用插槽	''
rounded	ModalRounded	用于设置整个modal的圆角	-	'md'
width	Number	显式声明modal的宽度	-	0
maskType	MaskType	显式声明modal的遮罩的样式，详细可以参考 Mask 组件	#自定义遮罩类型	-

Types

export type ModalRounded = 'none' | 'sm' | 'md' | 'lg'
export type MaskTypeItem = 'blur' | 'fill' | 'transparent'
export type MaskType = `${MaskTypeItem}-${MaskTypeItem}` | `${MaskTypeItem} ${MaskTypeItem}` | MaskTypeItem | MaskTypeItem[]