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
弹窗