hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-17 23:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

提问题框图片加载失败问题

Browse Source
This commit is contained in:
lmj
2022-10-20 11:02:31 +08:00
parent 7c53d950f5
commit 975436b387
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ImageUpload/artimgUpload.vue
View File

@@ -16,8 +16,8 @@
:show-file-list="false"
:headers="headers"
style="display: inline-block;">
<el-image v-if="!value" :src="value" style="width:100%;height:100%;">
<div slot="error" class="image-slot" >
<el-image v-if="!value" :src="value" :style="`width:${width};height:${height};`">
<div slot="error" class="image-slot">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png/bmp/jpeg文件，且不超过500kb</div>
@@ -169,7 +169,14 @@ export default {
</script>
<style scoped lang="scss">
::v-deep .el-upload-dragger{
width: 100% !important;
height: 100% !important;
}
.image-upload{
width: 410px;
height: 168px;
}
.image-card .el-upload--picture-card,.image-card .el-upload-list--picture-card .el-upload-list__item{
background-color: #fbfdff;
border: 1px dashed #c0ccda;
@@ -183,6 +190,7 @@ export default {
border-radius: 6px;
box-sizing: border-box;
vertical-align: top;
line-height: 100%;
}
.image-uploader .el-upload {
border: 1px dashed #d9d9d9;