Dialog 对话框
在保留当前页面状态的情况下,弹出一个对话框告知用户并承载相关操作,包含:标题区、内容区、操作区
引用
js
import { DialogContainer, regist, Button, CloseIcon } from "litos-ui";
regist([DialogContainer, Button, CloseIcon]);1
2
3
2
3
演示
基本用法
将 l-dialog-container 元素作为 dialog 的子元素,并设置 header 属性为标题。
切记在页面关闭时,如
onUnmounted中调用dialog.destroy()方法销毁弹窗
自定义头部
除了使用 header 属性定义头部内容外,也可以通过传递 header-slot 插槽自定义头部内容。通过传递 width 属性改变宽度;通常当需要在头部显示图标时有用, 比如:confirm 弹窗