|
|
|
@ -5,7 +5,7 @@ |
|
|
|
|
list-type="picture-card"> |
|
|
|
|
<i slot="default" class="el-icon-plus"></i> |
|
|
|
|
<div slot="file" slot-scope="{file}"> |
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt=""> |
|
|
|
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt=""> |
|
|
|
|
<span class="el-upload-list__item-actions"> |
|
|
|
|
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"> |
|
|
|
|
<i class="el-icon-zoom-in"></i> |
|
|
|
@ -16,9 +16,9 @@ |
|
|
|
|
<slot :file="file" name="imgButton"> |
|
|
|
|
|
|
|
|
|
</slot> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-upload> |
|
|
|
|
<!-- <div style="width: 100%;display: flex;justify-content: center;"> |
|
|
|
|
<slot name="footer"> |
|
|
|
@ -31,7 +31,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
props: { |
|
|
|
|
limit: { |
|
|
|
@ -57,7 +57,7 @@ export default { |
|
|
|
|
this.fileList.push(Object.assign(file, { url })); |
|
|
|
|
}, |
|
|
|
|
handleRemove(file) { |
|
|
|
|
this.fileList = this.fileList.filter(item => item.name !== file.name) |
|
|
|
|
this.fileList = this.fileList.filter(item => item !== file) |
|
|
|
|
}, |
|
|
|
|
handlePictureCardPreview(file) { |
|
|
|
|
this.dialogImageUrl = file.url; |
|
|
|
@ -68,7 +68,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<style scoped lang="scss"> ::v-deep .hiedd .el-upload--picture-card { |
|
|
|
|
display: none !important; |
|
|
|
|
/* 上传按钮隐藏 */ |
|
|
|
@ -79,4 +79,4 @@ export default { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</style> |
|
|
|
|