u

code/g3soft-libs/docs/examples/button/block.vue

@@ -1,15 +1,13 @@
 <script setup lang="ts">
-import { G3Button } from '@g3soft/ui'
+// block：占满父容器宽度，常用于抽屉底部动作区
+import { G3Button, G3Space } from '@g3soft/ui'
 </script>
 
 <template>
-  <div class="demo-block">
-    <G3Button type="primary" block>撑满宽度</G3Button>
+  <div style="width: 320px; padding: 16px; border: 1px solid #d9d9d9; border-radius: 8px">
+    <G3Space direction="vertical" :size="8" style="display: flex">
+      <G3Button block>占满整行</G3Button>
+      <G3Button type="outline" block>占满整行（描边）</G3Button>
+    </G3Space>
   </div>
 </template>
-
-<style scoped>
-.demo-block {
-  width: 100%;
-}
-</style>