修改el-upload样式

Hrational

于 2024-08-07 10:03:38 发布

阅读量37

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/SDKL_YI/article/details/140980190

版权

el-upload为elementUI的组件
::v-deep为vue中的样式穿透

::v-deep .el-upload--picture-card{ // 图片上传区域样式
    width: 24%;
  }
  ::v-deep .el-upload-list__item {
    //transition: none;  // 禁用上传删除动画
    transition-duration: 0.2s; // 或者不禁用，修改动画时间
  }
  ::v-deep .el-upload-dragger { // 图片拖拽区域样式
    height: 100%;
    //background-color: black;
    border: none;
    line-height: 100px;

    .el-upload__text {  // 拖拽区域文本区样式
      line-height: 1px;
    }
  }