函數柯里化 含義: 可以大概理解為: 將fn(a,b,c)轉換為fn(a)(b)(c) 原函數: function sum(a,b){ return a+b } console.log(sum(1,2)) 柯里化後: function sum(a) { return function (b) { r ...
問題描述:
今天在寫vue項目時,用到了element plus
中的el-upload
組件,發現這麼一個問題:
組件各個功能都是正常的,也可以上傳圖片,但是
虛線框里那麼大一片區域只有中間那個十字是可以點擊的
點擊查看代碼
<el-upload
class="ImageUpload"
:action="
'http://localhost:8888/information/uploadImage/' + this.ImageType
"
:show-file-list="false"
:on-success="this.UploadImageSuccess()"
:before-upload="beforeAvatarUpload"
>
<el-icon class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
解決方法:
知道問題怎麼產生的後,解決就很簡單了,即添加這麼一段css樣式
點擊查看代碼
#ModifyImagePopUpWindow .ImageUpload {
min-height: 80px;
width: 20%;
height: auto;
}
#ModifyImagePopUpWindow .ImageUpload .el-upload {
border: 1px dashed rgb(187, 92, 125);
border-radius: 10px; /* 圓角 */
width: 100%;
height: 100%;
}