一.单选框

前言

组件ui修改，原功能不变，具体用法可以参考之前案例

默认

男生女生

<template>
  <web-radio-group v-model="value">
    <web-radio label="1">男生</web-radio>
    <web-radio label="2">女生</web-radio>
  </web-radio-group>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('1')
</script>

小尺寸

男生女生

<template>
  <web-radio-group v-model="value" size="small">
    <web-radio label="1">男生</web-radio>
    <web-radio label="2">女生</web-radio>
  </web-radio-group>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('1')
</script>

大尺寸

男生女生

<template>
  <web-radio-group v-model="value" size="large">
    <web-radio label="1">男生</web-radio>
    <web-radio label="2">女生</web-radio>
  </web-radio-group>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('1')
</script>