例:Upload组件
效果图:只改了大小
//Upload组件
<el-upload action="#" list-type="picture-card" :auto-upload="false">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt />
</div>
</el-upload>
/*更改样式*/
.page-boxx1 >>> .el-upload-list--picture-card .el-upload-list__item{
width: 324px;
height: 180px;
}
.page-boxx1 >>> .el-upload-list--picture-card .el-upload-list__item-thumbnail{
width: 324px;
height: 180px;
float: left;
}
.page-boxx1 >>> .el-upload--picture-card{
width: 324px;
height: 180px;
}
.page-boxx1 >>> .el-upload--picture-card i{
margin-top: 73px;
}