u

code/g3soft-libs/docs/examples/captcha/sizes.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// 三种尺寸：高度分别取 --g3-control-height-sm / -height / -height-lg
+import { ref } from 'vue'
+import { G3SliderCaptcha } from '@g3soft/ui'
+
+const small = ref(false)
+const medium = ref(false)
+const large = ref(false)
+</script>
+
+<template>
+  <div style="display: grid; gap: 12px; max-width: 360px">
+    <G3SliderCaptcha v-model="small" size="small" />
+    <G3SliderCaptcha v-model="medium" />
+    <G3SliderCaptcha v-model="large" size="large" />
+  </div>
+</template>