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

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

修改后

代码

新增的修改样式代码

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

原有拖拽组件代码

        <!-- 拖拽上传组件 --><el-uploadclass="upload-demo"dragaction="":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>