遇到一個賊麻煩的客戶,就不停的給你加需求。然後就出現一個訂單要完成需要導3次的問題。然後element-ui一直困擾我的就是這個el-upload的佈局問題,一個如果一個upload裏邊有幾個button,不管slot="trigger"的button在第幾位一定就排到第一位了,另一個就是他的自動換行。
再界面本來就很擁擠的情況下,我必須得把三個upload放到一行,但是用個div包起來幾個upload,不管怎麼用display:inline,float:left都不管用,最後還是得最基礎的辦法解決問題,如下圖:
每個upload的class都是upload-demo,從頁面css裏把下邊這句加上即可實現幾個upload-demo並排了。
.upload-demo{
display: inline;
}
效果就是下邊這樣: