Element穿梭框高宽度调节

参考:https://blog.csdn.net/hongyuancao/article/details/88077749

由于需求,需要做一个穿梭框来展示任务的状态,想到了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;
}

猜你喜欢

转载自www.cnblogs.com/robinunix/p/12765548.html