mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-14 18:11:48 +08:00
63cb03cf4e
* docs(components): update Dialog add fullscreen, modal, events, slot * docs(components): update text --------- Co-authored-by: btea <2356281422@qq.com>
30 lines
638 B
Vue
30 lines
638 B
Vue
<template>
|
|
<el-button plain @click="dialogVisible = true">
|
|
Open the fullscreen Dialog
|
|
</el-button>
|
|
|
|
<el-dialog
|
|
v-model="dialogVisible"
|
|
fullscreen
|
|
top="40vh"
|
|
width="70%"
|
|
draggable
|
|
>
|
|
<span>It's a fullscreen Dialog</span>
|
|
<template #footer>
|
|
<div class="dialog-footer">
|
|
<el-button @click="dialogVisible = false">Cancel</el-button>
|
|
<el-button type="primary" @click="dialogVisible = false">
|
|
Confirm
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const dialogVisible = ref(false)
|
|
</script>
|