需求:element-ui 中 Upload 上传文件缩略图,只显示一张展示图片,其他样式都隐藏
element-ui 中 Upload 上传文件缩略图,移入图片的时候有删除选项和灰色背景以及右上角绿色区域,怎么利用前端的方式将删除方式隐藏
-
Upload 上传文件缩略图,只一张显示图片,不允许出现添加图片的样式
- 鼠标移入图片删除图标隐藏
/deep/ .el-upload-list__item-delete{
display: none !important;
}
- 鼠标移入让灰色区域透明
/deep/ .el-upload-list--picture-card .el-upload-list__item-actions:hover{
opacity: 0 !important;
}
- 添加图片区域隐藏
/deep/ .el-upload.el-upload--picture-card{
display: none;
}
- 右上角绿色区域隐藏
/deep/ .el-upload-list__item-status-label{
display: none !important;
}