21 lines
600 B
Vue
21 lines
600 B
Vue
<script setup lang="ts">
|
|
// 通知只出现在四角；placement 可逐条指定，也可用 config 设全局默认
|
|
import { G3Button, G3Notification, G3Space } from '@g3soft/ui'
|
|
|
|
const placements = ['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const
|
|
</script>
|
|
|
|
<template>
|
|
<G3Space :size="[8, 8]" wrap>
|
|
<G3Button
|
|
v-for="placement in placements"
|
|
:key="placement"
|
|
type="outline"
|
|
size="small"
|
|
@click="G3Notification.info({ title: placement, description: '四角之一', placement })"
|
|
>
|
|
{{ placement }}
|
|
</G3Button>
|
|
</G3Space>
|
|
</template>
|