el-upload 图片上传样式改变，加上上传文字

组件库我用的照片墙这个组件， 

样式改变后的样子是这样的

上传图片之后的样子 

代码，可以根据自己的需求去修改，仅做参考

      <el-form-item label="身份证：" prop="frontImageId">
        <div class="built_in_box">
          <!-- 身份证正面 -->
          <el-upload
            list-type="picture-card" // 文件列表的类型
            :action="url" // 必选参数，上传的地址
            :limit="1" // 最大允许上传个数
            accept="image/*" // 接受上传的文件类型
            :headers="myHeaders" // 设置上传的请求头部
            :on-success="settlementMaterialA" // 文件上传成功时的钩子
            :on-exceed="handleExceed" // 文件超出个数限制时的钩子
            :file-list="fileListA" // 上传的文件列表
            :on-remove="deleteMaterialA" // 文件列表移除文件时的钩子
          >
            <i class="el-icon-plus"> </i>
            <div class="certificate">上传身份证正面</div>
          </el-upload>
          <!-- 身份证反面 -->
          <el-upload
            list-type="picture-card"
            :action="url"
            :limit="1"
            accept="image/*"
            :headers="myHeaders"
            :on-success="settlementMaterialB"
            :on-exceed="handleExceed"
            :file-list="fileListB"
            :on-remove="deleteMaterialB"
          >
            <i class="el-icon-plus"> </i>
            <div class="certificate">上传身份证正面</div>
          </el-upload>
        </div>
      </el-form-item>

 需要改变上传前的样式，和上传后的样式

<style>
.built_in_box {
  display: flex;
  ::v-deep .el-upload--picture-card {
    width: 240px;
    position: relative;
    margin-right: 20px;
    // 身份证样式
    ::v-deep .el-upload-list--picture-card .el-upload-list__item {
      width: 240px;
    }
    .certificate {
      position: absolute;
      top: 25px;
      left: 70px;
    }
  }
}
</style>