《elementUI太小(elementui icon大小)》
在使用Element UI时，如果发现icon图标太小，有以下几种解决方案。
一、直接设置样式
最简单直接的方法就是通过内联样式或者类样式来调整icon的大小。例如：
html
<!-- 内联样式 -->
<i class="el-icon-setting" style="font-size: 30px;"></i>
或者是定义一个类，在css文件中进行设置：
css
/* 在css文件中 */
.large-icon{
font-size: 30px;
}
然后在html中使用：
html
<i class="el-icon-setting large-icon"></i>
二、利用Element UI提供的属性
部分组件中的icon是可以设置大小相关属性的。以el-button组件为例，如果其中包含icon，可以通过设置button的尺寸间接影响icon大小。
html
<el-button type="primary" icon="el-icon-search" size="large"></el-button>
这里size="large"会使整个按钮包括里面的icon相对变大。不过这种方式对于单独的icon元素来说不是特别精准地控制大小。
三、自定义主题
如果项目中大量使用icon，并且都存在过小的问题，可以考虑自定义Element UI的主题。需要安装element - theme工具，然后创建自己的主题文件，在主题文件中修改icon相关的变量，如$--font - size - icon等变量值，重新编译主题后应用到项目中。
shell
npm install element-theme -g
et -i
按照提示操作，找到icon相关的变量进行修改，像将$--font - size - icon : 14px;改为更大的值，再编译并替换原来的样式文件。这样就可以统一调整icon的大小，使页面中的icon看起来更加合适。以上方法可以根据实际需求选择合适的来解决Element UI icon太小的问题。
