|
|
@@ -9,7 +9,15 @@
|
|
|
</div>
|
|
|
<div class="license-container" v-if="licenseImage">
|
|
|
<div class="license-display">
|
|
|
- <el-image :src="licenseImage" fit="contain" class="license-image" :preview-src-list="[licenseImage]" />
|
|
|
+ <el-image :src="licenseImage" fit="contain" class="license-image" :preview-src-list="[licenseImage]">
|
|
|
+ <template #error>
|
|
|
+ <div class="empty-image-box">
|
|
|
+ <el-icon class="empty-icon">
|
|
|
+ <Picture />
|
|
|
+ </el-icon>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="empty-license">
|
|
|
@@ -633,6 +641,19 @@ const getStatusText = (status: string) => {
|
|
|
border-radius: 8px;
|
|
|
box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
|
|
|
}
|
|
|
+.empty-image-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: var(--el-fill-color-lighter);
|
|
|
+ border-radius: 8px;
|
|
|
+ .empty-icon {
|
|
|
+ font-size: 64px;
|
|
|
+ color: var(--el-text-color-placeholder);
|
|
|
+ }
|
|
|
+}
|
|
|
.empty-license {
|
|
|
display: flex;
|
|
|
align-items: center;
|