Vue ElementUI原生upload修改字体大小和区域宽度

Vue ElementUI原生upload修改字体大小和区域宽度

修改后

代码

新增的修改样式代码

.upload-demo /deep/ .el-upload-dragger{
  width: 700px;
  height: 300px;
}

原有拖拽组件代码

        <!-- 拖拽上传组件 -->
        <el-upload
          class="upload-demo"
          drag
          action=""
          :multiple="true"
          :before-upload="beforeUpload"
          :http-request="handleUpload"
        >
          <i class="el-icon-upload"></i>
          <div class="el-upload__text">
            将文件拖到此处，或<em>点击上传</em>
          </div>
          <div class="el-upload__tip" slot="tip">
            支持上传xls文件，单个文件不超过100MB
          </div>
        </el-upload>