鍍金池/ 問答/HTML/ elementUI，穿梭框，調(diào)節(jié)寬度

elementUI，穿梭框，調(diào)節(jié)寬度

由于顯示的了內(nèi)容太長，穿梭框中的內(nèi)容顯示不全，不知道能不能把寬度調(diào)寬一點，或者當鼠標放到某行的時候，此行內(nèi)容顯示完全。
clipboard.png

1、是否可以將寬度條調(diào)寬
2、是否可以變成下圖這個樣子（當鼠標放上去的時候，剩余內(nèi)容顯示完全）
clipboard.png

感謝！

回答
編輯回答
愚念

1、可以將寬度調(diào)寬。ElementUI的樣式是可以被覆蓋的，只要你權(quán)重大于它，例如你這個穿梭框使用<el-transfer v-model="value1" :data="data"></el-transfer>，那么它將會有一個名為.el-transfer的class，你可以給這個class重新編寫樣式，這里需要注意就是權(quán)重問題，最好把它的父盒子一并寫上，例如：div.demo .el-transfer {width: 500px;}。
2、寬度調(diào)整以后，若還是太長，倒也可以設(shè)置溢出顯示省略號，同時在定義一個溢出顯示且z-index值高一點兒的class，利用鼠標移入移出來控制class的切換。

2017年12月7日 23:49
編輯回答
何蘇葉

我（其實是大佬），用的jsx搞定了，穿梭框的 :render-content屬性

2018年2月3日 17:02