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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM