naive-ui/demo/documentation/components/modal/zhCN/index.demo-entry.md

1.1 KiB
Raw Blame History

模态框 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 模态框更新是否展示状态的回调

ModalCard 预设)

参考 Card props

ModalDialog 预设)

参考 Dialog props

Slots

Modal无预设

名称 参数 说明
default ()

ModalCard 预设)

参考 Card slots

ModalDialog 预设)

参考 Dialog slots