基础弹窗

弹窗包含 标题，关闭，遮罩层。

<template>
  <xt-modal v-model="test1" title="测试用例1" max min> </xt-modal>
</template>

自定义弹窗

<template>
  <xt-modal v-model="test1" custom> 会毫无样式 </xt-modal>
</template>

属性

属性	说明	类型	默认值	可选值
modelValue	等效与 visible，用于 v-model 简写，控制弹窗是否显示	boolean	false
title	弹窗标题	string
index	弹窗层级	number	1000
maskIndex	遮罩层层级	number	100
mask	遮罩层是否启用	boolean	true
nav	在弹窗中，开辟一个左侧区域 （使用场景极低）	boolean	false
header	弹窗头部是否显示	boolean	true
footer	弹窗底部是否显示 （使用场景极低）	boolean	false
noName	在弹窗底部开启时生效，修改取消按钮的名称	string	取消
okName	在弹窗底部开启时生效，修改确认按钮的名称	string	确认
esc	按 esc 触发关闭弹窗	boolean	false
boxClass	修改弹窗外部样式，在开启自定义模式无效	boolean	p-4
custom	自定义弹窗，开启后只保留弹窗功能无样式提供	boolean	false
min	最小化弹窗功能开关	boolean	false
max	最大化弹出功能开关	boolean	false
type	弹窗类型，当设置后同类型弹窗打开，会先关闭上一个同类型弹窗	string | null	null
headerClass	头部区样式	string
mainClass	内容区样式	string
handle	自定义拖拽区域，使用类名需要传入 .xxxx 这个.必备 id 则是#xxx	string		xt-modal-header 这个是默认头部类名

插槽

插槽名	说明
默认插槽	弹窗内容区域
header	弹窗自定义头部区域
header-left	在头部左侧划分一块自定义区域
header-center	替换弹窗居中标题区域
header-right	在头部右侧划分一块自定义区域
nav	在弹窗左侧划分一块自定义区域
footer	弹窗自定义底部区域
custom	自定义弹窗区域
minimize-left	最小化时在左侧划分自定义区域
minimize-right	最小化时在左侧划分自定义区域

抛出事件

事件名	说明
close	关闭弹窗
maximize	最大化
minimize	最小化