Commit ced87b42 authored by 小费同学阿's avatar 小费同学阿 💬

66080 全局,图片加载失败样式调整

parent fa32c14f
......@@ -32,11 +32,27 @@
>
<i slot="default" class="el-icon-plus" />
<div slot="file" slot-scope="{file}" class="customer-upload-area">
<el-image v-show="fileList.length > 0" :ref="file.url" class="el-upload-list__item-thumbnail customer-upload-error" :src="file.url" :preview-src-list="[file.url]">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline" />
<el-image
v-show="fileList.length > 0"
:ref="file.url"
class="el-upload-list__item-thumbnail customer-upload-error"
:src="file.url"
:preview-src-list="[file.url]"
>
<div
slot="error"
class="image-slot"
style="width: 100%;height: 100%; border: 1px solid #DB4747;border-radius:5px;"
>
<div class="parent-container">
<img
class="inner_style"
:src="baseURL+'/tmt-pic/business/888cc34012a64d40a0cec2974c9b7943-jiazaishibai.png'"
alt="加载失败"
>
<div>加载失败</div>
</div>
</div>
</el-image>
<label class="el-upload-list__item-status-label">
<i class="el-icon-upload-success el-icon-check" />
......@@ -115,6 +131,8 @@ export default {
},
data() {
return {
// 图片访问
baseURL: process.env.VUE_APP_TEST_API,
queryParams: {
companyImgUrl: ''
},
......@@ -385,5 +403,14 @@ export default {
height: 15px !important;
margin-top: 0 !important;
}
/*加载失败-失败图标和文字位置布局*/
.parent-container {
padding-top: 30%;
/*图片样式*/
.inner_style {
width: 22px;
height: 22px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment