uniapp radio 修改默认样式

要修改 UniApp 中 radio 组件的默认样式，你可以使用 CSS 来自定义它的外观。以下是一种常见的方法：

1. 在你的页面对应的样式文件（通常是 `style` 标签或 `.vue` 文件中的 `style` 部分）中添加以下代码：

/* 修改 radio 组件的外观 */
.radio-class {
  /* 添加你想要的样式属性 */
  /* 例如修改字体颜色 */
  color: red;
  /* 例如修改选中状态下的背景颜色 */
  background-color: #f0f0f0;
}

/* 修改 radio 组件的选中样式 */
.radio-class input[type="radio"]:checked+label {
  /* 添加你想要的样式属性 */
  /* 例如修改选中状态下的字体颜色 */
  color: blue;
}

2. 在你的页面中使用 radio 组件，并为其添加 `class` 属性：

<template>
  <div>
    <radio class="radio-class" value="1" checked>选项1</radio>
    <radio class="radio-class" value="2">选项2</radio>
  </div>
</template>

这样就可以根据需要修改 radio 组件的默认样式了。记得替换 `radio-class` 为你自定义的类名，然后在 CSS 中添加你想要的样式属性。