Element UI结合vue-cropper打造图片裁剪上传组件，Android开发面试书籍

left: 0;

color: #ccc;

font-size: 8px;

right: 0;

}

}

}

::v-deep .avatar-uploader .el-upload–text {

border: 1px dashed #d9d9d9;

border-radius: 6px;

margin-right: 20px;

cursor: pointer;

position: relative;

overflow: hidden;

}

::v-deep .avatar-uploader .el-upload:hover {

border-color: #409eff;

}

::v-deep .avatar-uploader-icon {

font-size: 22px;

color: #ccc;

width: 108px;

height: 108px;

line-height: 108px;

text-align: center;

}

::v-deep.avatar {

width: 108px;

height: 108px;

display: block;

}

• 模态框 CropperModal.vue

<el-dialog :visible.sync=“visible” :title=“options.title” :close-on-click-modal=“false” width=“800” @close=“cancelHandel”>

<vue-cropper ref=