Vue + Element穿梭框高宽度调节

⭐️个人博客：caohongyuan.com，更多分享，欢迎浏览！⭐️

由于需求，需要做一个穿梭框来展示任务的状态，想到了Vue的Element就有完整的穿梭框。地址：Vue Element。但是使用教程里并没有改变穿梭框高宽的参数，经过尝试，找到了修改的方法，在这里分享一下，希望可以帮助到遇到同样问题的人。

代码如下：

<style>
    .el-transfer-panel{
        width: 400px;
        height: 500px;
    }
    .el-transfer-panel__list.is-filterable{
        height: 400px;
    }
</style>

在head里面加上此代码就可以调节了，根据个人需求修改相应大小！

参数介绍：

1. 穿梭框内部展示列表的高宽度

.el-transfer-panel__list.is-filterable{
    width:xxxpx;
    height:xxxpx;
}

2. 穿梭框外框高宽度

.el-transfer-panel{
    width: 400px;
    height: 500px;
}

欢迎指导！

千而の大狮子！