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

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐