oneao/workspace
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
oneao committed 2026-10-08 22:38:34 +08:00
1 parent f572dce2f6
commit e99a9fb274
356 files changed
+28877 -1055
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

code/g3soft-libs/docs/examples/space/size.vue
+29
View File
@@ -0,0 +1,29 @@
<script setup lang="ts">
// size 支持预设名、数字（px）、[水平, 垂直] 数组
import { G3Button, G3Space } from '@g3soft/ui'
</script>
<template>
<G3Space direction="vertical" :size="16" style="display: flex">
<G3Space size="small">
<G3Button size="small" type="outline">small 8px</G3Button>
<G3Button size="small" type="outline">small 8px</G3Button>
</G3Space>
<G3Space size="middle">
<G3Button size="small" type="outline">middle 16px</G3Button>
<G3Button size="small" type="outline">middle 16px</G3Button>
</G3Space>
<G3Space size="large">
<G3Button size="small" type="outline">large 24px</G3Button>
<G3Button size="small" type="outline">large 24px</G3Button>
</G3Space>
<!-- 数字即 px -->
<G3Space :size="32">
<G3Button size="small" type="outline">32px</G3Button>
<G3Button size="small" type="outline">32px</G3Button>
</G3Space>
</G3Space>
</template>