el走马灯为什么变成了竖直排列的图片

可能是因为CSS中的display属性被设置成了"flex"或"inline-flex"，导致元素按照主轴方向排列。如果您想要水平排列的效果，可以将display属性设置成"inline-block"或"block"。同时，您也可以通过修改CSS中的flex-direction属性来更改元素的排列方向。

相关问题

el-carousel卡片走马灯设置当前的图片大小

在Element UI库中的el-carousel组件（卡片走马灯）中，要设置当前显示卡片的图片大小，你需要在组件的选项属性里配置`item-width`和`item-height`。这两个属性分别用于定义单张卡片的宽度和高度。

例如：

<el-carousel :options="{ itemWidth: '300px', itemHeight: '200px' }">
  <el-carousel-item>
    <img src="image1.jpg" alt="图片1" />
  </el-carousel-item>
  <!-- 其他卡片 -->
</el-carousel>

在这个例子中，每张卡片的宽度会被设置为300像素，高度为200像素。如果你需要动态设置，可以将字符串 `'300px'` 和 `'200px'` 替换为JavaScript表达式，如 `this.currentImageWidth` 和 `this.currentImageHeight` 来获取动态值。

记得在初始化组件或者改变图片尺寸时更新对应的值，这样才能实时调整卡片的大小。

el走马灯更改底部下划线

要更改 el-carousel 组件底部下划线，您可以通过以下步骤实现：

1. 打开浏览器开发者工具，找到 el-carousel 组件对应的 CSS 类名，例如 ".el-carousel__indicators"。

2. 在 CSS 中添加以下样式：

.el-carousel__indicators.is-vertical .el-carousel__indicator.is-active {
  border-bottom: 2px solid red; /* 将下划线颜色改为红色 */
}

3. 修改上面代码中的 "red" 为您想要的颜色值。

4. 在您的代码中引入该 CSS 文件或将样式代码直接添加到您的样式表中。

这样就可以更改 el-carousel 组件底部下划线的颜色了。