el-icon有两种使用方法,如下图:

在使用icon的过程中,有时我们需要调整icon的大小,调整icon的方法如下:

1.给i标签加一个父容器,在父容器的样式中设置font-size属性即可调整大小。(设置width和height是无法改变icon的大小的)

2.直接编辑el-button的CSS属性,同样是设置font-size属性

<el-button icon="el-icon-circle-plus-outline" class="acitonButton"></el-button>
.acitonButton{
    border: none;
    font-size: 20px;
  }
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐