elementUI 单选框样式 调整为方框选中打勾

你可以通过修改 `el-radio` 的 `slot` 来将 ElementUI 的单选框样式调整为方框选中打勾。具体操作如下：

1. 在 `el-radio` 组件标签内添加一个 `slot`，用于自定义选中和未选中状态的显示。

2. 在 `slot` 中添加两个 `i` 元素，分别用于显示选中和未选中状态的图标。

3. 通过 `v-show` 控制两个 `i` 元素的显示和隐藏。

下面是一个示例代码：

<template>
  <div>
    <el-radio v-model="radio" label="apple">
      <span slot="label">苹果</span>
      <i class="el-icon-check" v-show="radio === 'apple'"></i>
      <i class="el-icon-close" v-show="radio !== 'apple'"></i>
    </el-radio>
    <el-radio v-model="radio" label="banana">
      <span slot="label">香蕉</span>
      <i class="el-icon-check" v-show="radio === 'banana'"></i>
      <i class="el-icon-close" v-show="radio !== 'banana'"></i>
    </el-radio>
    <el-radio v-model="radio" label="orange">
      <span slot="label">橙子</span>
      <i class="el-icon-check" v-show="radio === 'orange'"></i>
      <i class="el-icon-close" v-show="radio !== 'orange'"></i>
    </el-radio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio: ''
    }
  }
}
</script>

在上面的代码中，我们为每个 `el-radio` 组件添加了一个 `slot`，用于自定义选中和未选中状态的显示。在 `slot` 中，我们添加了两个 `i` 元素，分别用于显示选中和未选中状态的图标，通过 `v-show` 控制两个 `i` 元素的显示和隐藏。

你可以根据自己的需求调整图标的样式和位置，实现更加符合你需求的单选框样式。