上传组件样式修改

luobisheng

2022-11-30 50f4c4fefc397cbc0816c11d45315f1bca33226a

 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;