參考: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;
}