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

如果您有任何关于文章的建议，欢迎评论或在 GitHub 提 PR

作者：dutrmp19
本文为作者原创，转载请在 文章开头 注明出处：https://www.cnblogs.com/dutrmp19/p/15558097.html
遵循 CC 4.0 BY-SA 版权协议

---