uView实现性别单选

要实现性别单选，可以使用uView中的Radio组件。首先，需要在页面中引入uView组件库和Radio组件：

<template>
  <view>
    <radio-group v-model="gender">
      <radio :value="'male'">男</radio>
      <radio :value="'female'">女</radio>
    </radio-group>
  </view>
</template>

<script>
import { Radio, RadioGroup } from 'uview-ui'

export default {
  components: {
    Radio,
    RadioGroup
  },
  data() {
    return {
      gender: ''
    }
  }
}
</script>

在上面的代码中，我们使用了`radio-group`和`radio`组件。`radio-group`用来包裹多个`radio`，并且通过`v-model`来绑定当前选中的值。`radio`组件中的`value`属性用来设置每个选项的值，如上面的例子中，我们设置了男性为"male"，女性为"female"。当用户选择其中一个选项时，这个值会被赋给`v-model`绑定的变量`gender`。

这样就可以实现一个简单的性别单选功能了。

相关问题

uview2的单选框怎么修改未选中时的背景色和选中时的背景色

A：uview2的单选框组件中，未选中时的背景色可以通过设置checked-color属性来修改，选中时的背景色可以通过设置active-color属性来修改。具体示例如下：

<u-radio-group v-model="radioValue">
  <u-radio :label="1" checked-color="#FF0000" active-color="#00FF00">选项1</u-radio>
  <u-radio :label="2" checked-color="#FF0000" active-color="#00FF00">选项2</u-radio>
</u-radio-group>

其中，checked-color和active-color属性值均为十六进制颜色值。通过修改这两个属性值，就可以实现单选框不同状态下的背景色修改。

uniapp中使用uview的单选 修改uview单选框被禁用时选中的颜色

在 UniApp 中，UView 组件库的单选按钮（`<u-radio>`）默认有一个 `active-color` 属性，用于设置选中状态的颜色。如果你想修改单选框在被禁用（`disabled`属性设为 true）时的选中颜色，你可以直接通过这个属性指定一个颜色值。

例如，如果你想将被禁用时的选中颜色改为灰色，可以在组件上添加如下样式：

<u-radio label="选项一" :value="optionOne" disabled @change="onChange" :active-color="#ccc">
</u-radio>

在这里，`#ccc` 表示灰色，你可以将其替换为你想要的任何十六进制颜色代码。

如果你希望全局改变所有禁用状态单选框的颜色，可以在项目的 CSS 文件中设置一个选择器，如 `.u-radio-disabled-checked`，然后覆盖 `active-color` 属性：

.u-radio-disabled-checked {
  active-color: #ccc;
}

这样，所有禁用状态的 UView 单选框都会显示灰色选中效果。