uniapp实心圆radio

uniapp中没有实心圆radio这个组件，但是可以通过样式来实现。可以使用uni-icons插件中的checkmark实心圆图标，并设置选中和未选中状态的样式。

首先，在template中使用uni-icons插件中的checkmark实心圆图标，设置一个icon组件。

<icon class="radio-icon" type="checkmark"></icon>

接着，在css中设置选中和未选中状态的样式。

.radio-icon {
  font-size: 30rpx;
  border: 1px solid #ccc;
  border-radius: 50%;  // 设置圆形
  padding: 5rpx;
}

.radio-icon.active {
  color: #fff;
  background-color: #007aff;  // 选中状态的背景色
  border-color: #007aff;
}

最后，在点击事件中切换选中状态：

<template>
  <view @tap="handleClick">
    <icon :class="{ 'radio-icon': true, 'active': selected }" type="checkmark"></icon>
  </view>
</template>

<script>
export default {
  data() {
    return {
      selected: false
    }
  },

  methods: {
    handleClick() {
      this.selected = !this.selected
    }
  }
}
</script>

这样就可以实现一个实心圆radio了。