<radio-group bindchange="radioChange"> <label class="radio-label"> <radio value="male" checked="{{true}}">男</radio> </label> <label class="radio-label"> <radio value="female">女</radio> </label> </radio-group>

好的，以下是为微信小程序中的一个单选框组添加样式的示例：

.radio-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.radio-label {
  margin-right: 20px;
  font-size: 16px;
  color: #333;
}

.radio-label:last-of-type {
  margin-right: 0;
}

.radio {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
}

.radio::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
}

.radio:checked::before {
  display: block;
}

.radio:focus {
  outline: none;
}

.radio:hover {
  border-color: #333;
}

在这段代码中，我们首先为 radio-group 添加了一个 flex 布局，让单选框组在水平方向上居中对齐。然后为每个单选框标签添加了样式，包括字体大小、颜色、右边距等。接着为单选框添加了样式，包括宽、高、边框、圆角、背景色、鼠标指针等。最后使用伪元素为选中的单选框添加了一个小圆点，并在 hover 和 focus 时进行了样式调整。你可以将以上样式保存到一个名为 xxx.wxss 的文件中，并在对应的页面或组件中引入该样式文件即可。