目录

前言

一、el-radio

二、更改样式方法

1.transform:scale()

前言

有时我们使用ul-radio的时候想要改变radio组件的大小（你可以理解为改变那个圆圈的大小），本文将讲述修改radio组件大小的方法。

一、el-radio

<template>
  <el-radio v-model="radio" label="1">备选项</el-radio>
  <el-radio v-model="radio" label="2">备选项</el-radio>
</template>

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

二、更改样式方法

1.transform:scale()

代码如下（示例）：

<el-button icon="el-icon-delete" class="acitonButton"></el-button>

.actionRadio{
    transform:scale(1.5);
    .el-radio__label{
      padding: 0;
    }
  }