在实际vue项目开发中，有时el-upload上传框的默认长度和宽度不是自己想要的，这就需要自行修改，方法也简单，先上效果对比图：
若要修改尺寸，则添加如下代码即可：
<template>
<div id="upload">
<el-upload drag multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过1Mb</div>
</el-upload>
</div>
</template>
<script></script>
<style scoped>
.el-icon-upload:before {
content: '\e7c3' //设置图标
}
.el-icon-upload {
font-size: 30px; //图标的尺寸大小
margin: 4px 0 2px; //图标与四周元素的间距
}
//下面这几行代码就是设置上传框的长宽，可以按百分比来设置也可以用px去设置
/deep/ .el-upload .el-upload-dragger {
width: 120%;
height: 80%;
}
</style>上面的样式代码中scoped是必要的，缺少可能会导致显示不出预期的效果，下面来看修改后的效果图：
