vue3 van-radio-group 按钮钮样式单选框

Vue3中，Van Radio Group 是基于 Vue CLI 配置的 Element Plus UI 库中的一个组件，它主要用于创建一组单选按钮组，适合选项选择场景。`van-radio-group` 的按钮样式通常表现为圆角矩形，每个选项都有一个标签显示其内容，并且默认状态下只有一个选项可以被选中。

你可以通过以下几个方面定制 Van Radio Group 的样式：

1. **基础样式**：在主题颜色体系下，比如 `el-theme-default` 或自定义主题，单选按钮会采用相应的主题色。你可以修改 CSS 样式来自定义背景、边框、字体等属性。

<template>
  <van-radio-group v-model="radioValue">
    <van-radio label="Option A">A</van-radio>
    <van-radio label="Option B">B</van-radio>
    <!-- 更多选项 -->
  </van-radio-group>
</template>

<style scoped>
.van-radio-group {
  /* 自定义样式 */
}
</style>

2. **状态样式**：当选定某个选项时，按钮可能会有不同的高亮效果。你可以调整 `:active`, `:hover` 等伪类下的样式。

3. **大小调整**：使用 `size` 属性可以改变单选按钮的尺寸，如 `small`, `medium`, `large`.

4. **图标配合**：如果需要添加图标，可以使用 `<van-radio-button>` 组件配合 `<van-icon>` 内容。