mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
1.1 KiB
1.1 KiB
模态框 Modal
它会弹出来,然后给你看点东西。
演示
basic
controlled
mask-closable
preset-card
preset-confirm
preset-confirm-slot
dark-1-debug
dark-2-debug
dark-3-debug
dark-4-debug
drawer-debug
Props
Modal
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
body-style | Object |
undefined |
使用 preset 时 Modal 主体的样式 |
display-directive | 'if' | 'show' |
'if' |
使用何种指令控制模态框主体的条件渲染 |
mask-closable | boolean |
true |
点击遮罩时是否发出 update:show 事件 |
preset | 'card' | 'dialog' |
undefined |
模态框使用何种预设 |
show | boolean |
false |
是否展示 Modal |
theme | 'light' | 'dark' | string |
undefined |
|
on-update:show | (value: boolean) => any |
undefined |
模态框更新是否展示状态的回调 |
Modal(Card 预设)
参考 Card props
Modal(Dialog 预设)
参考 Dialog props
Slots
Modal(无预设)
名称 | 参数 | 说明 |
---|---|---|
default | () |
Modal(Card 预设)
参考 Card slots
Modal(Dialog 预设)
参考 Dialog slots