vue中如何对element 插件中走马灯，.el-carousel__container类（或插件自动生成的dom）修改样式

Question

我想根据页面大小动态改变页面轮播图的大小，使用了 element 插件，插件中有一个 height 属性，无法使用变量来动态添加，想通过 js 直接修改样式，但是由于元素是插件自动生成的，无法使用ref

Answer 1

<el-carousel height="2000px" :interval="5000" arrow="always">
</el-carousel>
// 这个高度可以写成 :height="`200px`" , 也可以写成用一个变量来定义。 :height="height"
data:{
    height:'300px'
}
// 然后根据页面大小动态改变height值即可啊。

Answer 2

你好，我最近也使用这个跑马灯，用nth-child()这个css属性时，给奇偶生效，给数字不生效啊，请问怎么处理呢
就是下面2n和2n+1.写成123就不生效了。
.el-carousel__item:nth-child(2n) {

background-color: #99a9bf;

}

.el-carousel__item:nth-child(2n+1) {

background-color: #d3dce6;

}