el-carousel中放图片

el-carousel是一个非常恼人的组件。

它内部实现的逻辑是这样的：

<el-carousel>
    <el-carousel__container>

        <el-carousel__item></el-carousel__item>

    </el-carousel__container>

    <el-carousel__indicators></el-carousel__indicators>
</el-carousel>

我们能够修改的只有item，item在container中的布局是无法修改的。

比如无法调整item到indicators的位置，会出现item只占据了container中上半部分的情况。

所以我们/deep/到container里面把它高度改了就行。

.el-carousel /deep/ .el-carousel__container {
  height: 200px;
}