u

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

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+// block：撑满父容器，各项等分空间（常用于移动端 / 表单顶部的模式切换）
+import { ref } from 'vue'
+import { G3Segmented } from '@g3soft/ui'
+
+const value = ref('login')
+</script>
+
+<template>
+  <div style="width: 320px">
+    <G3Segmented
+      v-model="value"
+      block
+      :options="[
+        { label: '账号登录', value: 'login' },
+        { label: '扫码登录', value: 'qrcode' },
+      ]"
+    />
+  </div>
+</template>