首页 > 其他分享 >el-upload改变大小、形状大小设置后不生效的解决办法

el-upload改变大小、形状大小设置后不生效的解决办法

时间:2022-12-21 17:55:31浏览次数:28  
标签:el picture 100px upload deep height 大小

原因

在对element-ui修改组件样式时,需要添加样式穿透(/deep/>>>)才能生效

解决办法

/deep/.el-upload--picture-card,
/deep/.el-upload-list__item{
	width: 100px;
	height: 100px;
	line-height: 110px;
}
或
>>>.el-upload--picture-card,
>>>.el-upload-list__item{
	width: 100px;
	height: 100px;
	line-height: 110px;
}

注意:vue的style标签,要有scoped,即<style scoped></style>。同时该案例是list-type: picture-card的举例,如是其他,请灵活变通,目的是通过样式穿透修改element-ui组件的样式。

标签:el,picture,100px,upload,deep,height,大小
From: https://www.cnblogs.com/aiyablog/p/16996807.html

相关文章