27 lines
798 B
Vue
27 lines
798 B
Vue
<script setup lang="ts">
|
|
// #footer 完全自定义底部；#header-extra 放标题右侧的额外动作
|
|
import { ref } from 'vue'
|
|
import { G3Button, G3Modal, G3Space } from '@g3soft/ui'
|
|
|
|
const open = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space direction="vertical" :size="12" style="display: flex">
|
|
<G3Button @click="open = true">自定义底部</G3Button>
|
|
|
|
<G3Modal v-model:open="open" title="发布向导">
|
|
<template #header-extra>
|
|
<G3Button size="small" type="ghost">帮助</G3Button>
|
|
</template>
|
|
|
|
<template #footer>
|
|
<G3Space :size="8">
|
|
<G3Button type="outline" @click="open = false">取消</G3Button>
|
|
<G3Button @click="open = false">下一步</G3Button>
|
|
</G3Space>
|
|
</template>
|
|
</G3Modal>
|
|
</G3Space>
|
|
</template>
|