25 lines
706 B
Vue
25 lines
706 B
Vue
<script setup lang="ts">
|
|
// 拖动标题栏移动、拖拽四边缩放、全屏切换；centered 让面板垂直居中
|
|
import { ref } from 'vue'
|
|
import { G3Button, G3Modal, G3Space } from '@g3soft/ui'
|
|
|
|
const open = ref(false)
|
|
const fullscreen = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space :size="12" wrap>
|
|
<G3Button type="outline" @click="open = true; fullscreen = false">可拖动 / 缩放</G3Button>
|
|
<G3Button type="outline" @click="open = true; fullscreen = true">居中显示</G3Button>
|
|
|
|
<G3Modal
|
|
v-model:open="open"
|
|
title="对话框"
|
|
:width="560"
|
|
:centered="fullscreen"
|
|
:fullscreen="!fullscreen"
|
|
:resizable="!fullscreen"
|
|
/>
|
|
</G3Space>
|
|
</template>
|