u

code/g3soft-libs/docs/examples/popover/basic.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// 最基础：默认 click 触发，浮层内容写在 #content 插槽
+import { G3Button, G3Popover } from '@g3soft/ui'
+</script>
+
+<template>
+  <G3Popover>
+    <template #trigger>
+      <G3Button type="outline">点击查看</G3Button>
+    </template>
+    <template #content>
+      <div style="max-width: 220px">
+        浮层内容可以直接写 HTML，也可以放任意组件。
+      </div>
+    </template>
+  </G3Popover>
+</template>