From 1e07cfd8ac6c3e31e94c0ea98dcff61db51e49d1 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期一, 09 一月 2023 16:54:39 +0800
Subject: [PATCH] fix: 单选框展示
---
src/components/myUpload/index.vue | 15 ++++++---------
1 files changed, 6 insertions(+), 9 deletions(-)
diff --git a/src/components/myUpload/index.vue b/src/components/myUpload/index.vue
index ee70d8f..cae960e 100644
--- a/src/components/myUpload/index.vue
+++ b/src/components/myUpload/index.vue
@@ -3,12 +3,15 @@
<div v-if="pictureList.length > 0" class="image-box">
<div v-for="image in pictureList" :class="{ 'image-box-item': true, 'image-box-item-cover': isShowUpload }">
<span v-if="isShowUpload" @click="handleDeletePicture(image)" class="image-delete-icon el-icon-delete"></span>
- <el-image :key="image" class="image-content" :src="image"></el-image>
+ <el-image :key="image" class="image-content" :src="image" :preview-src-list="[image]"></el-image>
</div>
</div>
<el-upload
v-if="isShowUpload && pictureList.length < limit"
:file-list="fileList"
+ v-loading="loading"
+ element-loading-spinner="el-icon-loading"
+ element-loading-background="rgba(0, 0, 0, 0.8)"
action=""
:multiple="multiple"
:show-file-list="flag"
@@ -79,18 +82,12 @@
.then(({ url1, url2, url3, url4 }) => {
const url = url1 ?? url2 ?? url3 ?? url4;
this.$emit('setPictureUrl', { url: url });
+ this.loading = false;
})
.catch(err => {
+ this.loading = false;
this.$message.error(err);
})
- },
- // 鑾峰彇token
- getToken() {
- const token = sessionStorage.getItem("token");
- const tokenHead = sessionStorage.getItem("tokenHead");
- if (token && tokenHead) {
- return { Authorization: tokenHead + token };
- }
},
handleDeletePicture(imageUrl) {
--
Gitblit v1.8.0