15 lines
521 B
Vue
15 lines
521 B
Vue
<script setup lang="ts">
|
|
// placement：提示方位；贴边时自动翻转，不会被裁掉
|
|
import { G3Button, G3Tooltip } from '@g3soft/ui'
|
|
|
|
const placements = ['top', 'right', 'bottom', 'left'] as const
|
|
</script>
|
|
|
|
<template>
|
|
<div style="display: flex; gap: 16px; padding: 60px 20px; justify-content: center">
|
|
<G3Tooltip v-for="placement in placements" :key="placement" :placement="placement" :content="placement">
|
|
<G3Button type="outline">{{ placement }}</G3Button>
|
|
</G3Tooltip>
|
|
</div>
|
|
</template>
|