dialog

功能

el-dialog 的修改版，右上角增加最大化，样式调整。

懒渲染模式（未开启时不渲染，打开时渲染，关闭时销毁），常用于循环数据的默认隐藏

flex 布局，方便 slot 的内容实现高度撑满父容器（100%高，slot节点的 flex-grow 为 1）

功能示例

展示区
参数：内容高	未设置300px500px
参数：最大内容高	未设置300px500px
参数：全屏	是否
参数：默认全屏	是否
参数：内边距	是否
	滚动内容，注意上下边距的不同
参数：默认 footer	是否

最小示例

<template>
    <Wrapper>
        <VcDialog v-model="visible" title="测试">
            内容
        </VcDialog>
        <VcButton @click="() => toggleVisible()">打开</VcButton>
    </Wrapper>
</template>

<script lang="ts" setup>
import VcButton from '../../button/button.vue'
import VcDialog from '../dialog.vue'

const [visible, toggleVisible] = useToggle()
</script>

API

参数

插槽