elementui的icon设置大小

在 ElementUI 中，可以通过 `size` 属性来设置 icon 的大小。`size` 属性可以设置为 `large`、`medium`、`small` 或者自定义的尺寸值。例如：

<template>
  <div>
    <el-button type="primary" icon="el-icon-search" size="large">搜索</el-button>
    <el-button type="danger" icon="el-icon-delete" size="medium">删除</el-button>
    <el-button type="warning" icon="el-icon-warning" size="small">警告</el-button>
    <el-button type="success" icon="el-icon-check" :size="24">确认</el-button>
  </div>
</template>

在上面的例子中，第一个按钮的 icon 大小为 `large`，第二个按钮的 icon 大小为 `medium`，第三个按钮的 icon 大小为 `small`，第四个按钮的 icon 大小为 `24`。如果需要自定义尺寸，可以使用 `:` 绑定一个变量或者直接设置一个数值。

相关问题

elementui icon怎么设置圆角

ElementUI的Icon组件本身并不支持直接设置圆角，但可以通过一些CSS样式来实现。

你可以在Icon组件所在的父元素上添加`border-radius`属性来设置圆角。例如，如果你想要将一个大小为32px的Icon设置为圆形，可以这样写：

<div style="width: 32px; height: 32px; border-radius: 50%; overflow: hidden;">
  <el-icon name="xxx"></el-icon>
</div>

在上面的代码中，我们使用了`border-radius: 50%`将父元素设置为圆形，并使用`overflow: hidden`来隐藏超出父元素范围的部分。

注意，这种方法只适用于大小固定的Icon，如果Icon的大小是可变的，你可能需要使用一些JavaScript代码来动态计算圆角半径。

elementui控制icon图标大小

你可以使用 `font-size` 属性来控制 Element UI 中的 icon 图标大小。例如，如果你想要将 icon 图标大小设置为 20px，可以使用以下 CSS 代码：

.el-icon {
  font-size: 20px;
}

你也可以直接在 HTML 中为 icon 添加样式：

<i class="el-icon el-icon-search" style="font-size: 20px;"></i>

这将使 `.el-icon-search` 图标大小为 20px。