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