From 50f4c4fefc397cbc0816c11d45315f1bca33226a Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期三, 30 十一月 2022 11:50:49 +0800
Subject: [PATCH] 上传组件样式修改
---
src/components/myUpload/index.vue | 5 +++--
1 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/myUpload/index.vue b/src/components/myUpload/index.vue
index ba7ab88..ee70d8f 100644
--- a/src/components/myUpload/index.vue
+++ b/src/components/myUpload/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="my-upload">
<div v-if="pictureList.length > 0" class="image-box">
- <div v-for="image in pictureList" class="image-box-item">
+ <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>
</div>
@@ -157,9 +157,10 @@
.image-box-item {
position: sticky;
+ margin: 0 10px;
}
- .image-box-item:hover {
+ .image-box-item-cover:hover {
.image-content {
box-shadow: #ffffff;
opacity: 0.5;
--
Gitblit v1.8.0