element-ui 中 Upload 上传文件缩略图,只显示一张展示图片,其他样式都隐藏

需求:element-ui 中 Upload 上传文件缩略图,只显示一张展示图片,其他样式都隐藏
  1. element-ui 中 Upload 上传文件缩略图,移入图片的时候有删除选项和灰色背景以及右上角绿色区域,怎么利用前端的方式将删除方式隐藏

  2. Upload 上传文件缩略图,只一张显示图片,不允许出现添加图片的样式

    element-ui 中 Upload 上传文件缩略图,只显示一张展示图片,其他样式都隐藏

element-ui 中 Upload 上传文件缩略图,只显示一张展示图片,其他样式都隐藏

  1. 鼠标移入图片删除图标隐藏

  /deep/ .el-upload-list__item-delete{
    display: none !important;
  }

  1. 鼠标移入让灰色区域透明

  /deep/ .el-upload-list--picture-card .el-upload-list__item-actions:hover{
    opacity: 0 !important;
  }

  1. 添加图片区域隐藏

  /deep/ .el-upload.el-upload--picture-card{
    display: none;
  }

  1. 右上角绿色区域隐藏

 /deep/ .el-upload-list__item-status-label{
    display: none !important;
  }

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容