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;
}