u

code/g3soft-libs/docs/examples/space/wrap.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+// wrap 只在水平方向生效；size 用数组可分别控制「列间距 / 行间距」
+import { G3Button, G3Space } from '@g3soft/ui'
+</script>
+
+<template>
+  <div style="width: 240px; padding: 12px; border: 1px dashed #d9d9d9; border-radius: 8px">
+    <G3Space wrap :size="[8, 12]">
+      <G3Button v-for="index in 6" :key="index" type="outline" size="small">
+        按钮 {{ index }}
+      </G3Button>
+    </G3Space>
+  </div>
+</template>