怎样改变el-dropdown-item显示的大小

要改变el-dropdown-item的显示大小，可以使用CSS来控制它们的宽度和高度。你可以在el-dropdown-item上添加一个class，然后在CSS中定义这个class的样式。

例如，如果你想改变el-dropdown-item的高度和宽度，可以添加以下样式：

.my-dropdown-item {
  height: 40px;
  width: 120px;
}

然后在el-dropdown-item中添加这个class即可：

<el-dropdown-item class="my-dropdown-item">Item 1</el-dropdown-item>

这将使第一个下拉项的高度为40px，宽度为120px。你可以根据需要调整这些值来达到你想要的效果。

相关问题

el-dropdown改变大小

你可以使用 `size` 属性来更改 `el-dropdown` 组件的大小。该属性可以设置为 `'medium'`、`'small'` 或者 `'mini'`，分别对应中等、小型和迷你尺寸。例如：

<el-dropdown size="small">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>选项一</el-dropdown-item>
    <el-dropdown-item>选项二</el-dropdown-item>
    <el-dropdown-item>选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

你也可以在 `el-dropdown` 组件上添加自定义样式来更改其大小。例如：

<el-dropdown class="my-dropdown">
  <span class="el-dropdown-link">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>选项一</el-dropdown-item>
    <el-dropdown-item>选项二</el-dropdown-item>
    <el-dropdown-item>选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

然后在你的 CSS 文件中增加 `.my-dropdown` 类的样式：

.my-dropdown .el-dropdown-link {
  font-size: 12px;
  padding: 5px;
}

.my-dropdown .el-dropdown-menu {
  font-size: 12px;
  min-width: 100px;
}

你可以自由调整字体大小和内边距等属性来更改 `el-dropdown` 组件的大小。

el-dropdown-item修改样式

您可以通过在el-dropdown-item标签上添加class属性，然后在CSS中设置该类的样式来修改el-dropdown-item的样式。例如：

HTML代码：

<el-dropdown>
  <span class="el-dropdown-link">下拉菜单<i class="el-icon-arrow-down el-icon--right"></i></span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item class="my-dropdown-item">选项一</el-dropdown-item>
    <el-dropdown-item class="my-dropdown-item">选项二</el-dropdown-item>
    <el-dropdown-item class="my-dropdown-item">选项三</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

CSS代码：

.my-dropdown-item {
  background-color: #f5f5f5;
  color: #333;
  font-size: 16px;
}

在上面的代码中，我们为el-dropdown-item添加了一个名为my-dropdown-item的类，并在CSS中设置了该类的样式。这将为el-dropdown-item添加一个灰色的背景色，黑色的字体颜色和16px的字体大小。您可以根据需要修改样式。