#

src/views/fundManage/makerfundApply.vue

@@ -1121,9 +1121,8 @@ export default {
 .makerfundApply{
 
     .maskLayer{
-        background: #000;position: absolute;left: 0;top: 0;opacity: .4; width: 100%;height: 60%;border-radius: 5px;
+        background: #000;position: absolute;left: 0;top: 0;opacity: .4; width: 100%;height: 100%;border-radius: 5px;
         display: none;
-        transition: height linear 2s;
     }
 
 
@@ -1137,7 +1136,6 @@ export default {
     }
     .delUpload:hover .maskLayer{
         display: block;
-        height: 100%;
     }
 
 

src/views/fundManage/makerfundDetails.vue

@@ -206,7 +206,7 @@
 
         <div style="display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 45px;">
                 <el-upload
-                action="https://jsonplaceholder.typicode.com/posts/"
+                action="#"
                 list-type="picture-card"
                 style="position: relative;margin-left: 10px;"
                 disabled
@@ -216,7 +216,7 @@
                 </el-upload>
 
                 <el-upload
-                action="https://jsonplaceholder.typicode.com/posts/"
+                action="#"
                 list-type="picture-card"
                 class="delUpload"
                 style="position: relative;"
@@ -224,9 +224,13 @@
                 disabled
                 v-for="(item,index) in this.file" :key="index"
                 >
+                <!-- <span class="delUploadBtnSty" @click="delUploadBtn(index)">×</span> -->
+                <!-- <div class="maskLayer" style="background: #000;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;"> -->
                 
-                <span class="delUploadBtnSty" @click="delUploadBtn(index)">×</span>
                 <img style="position: absolute;left: -1px;top:-1px;width: 149px;height: 101%;border-radius: 5px;" :src="dialogImageUrl" alt="">
+                <div class="maskLayer">
+                    <i @click="delUploadBtn(index)" class="maskLayerI el-icon-close"></i>
+                </div>
                 <div style="position: absolute;left: -20%;bottom: -30px;width: 200px;height: 30px;color: #000;line-height: 30px;display: flex;justify-content: center;">{{ item.fileName }}</div>
                 <!-- <img v-if="imageUrl" :src="imageUrl" class="avatar"> -->
                 </el-upload>
@@ -1203,11 +1207,30 @@ export default {
 <style lang="less">
 .makerfundApply{
 
+
+    .maskLayer{
+        background: #000;position: absolute;left: 0;top: 0;opacity: .4; width: 100%;height: 100%;border-radius: 5px;
+        // z-index: 99999;
+        display: none;
+    }
+
+
     .delUpload{
         width: 147px;
         margin-left: 60px;
         margin-bottom: 62px;
     }
+    .maskLayerI:hover{
+        color: #fff;
+    }
+    .delUpload:hover .maskLayer{
+        display: block;
+    }
+    // .delUpload{
+    //     width: 147px;
+    //     margin-left: 60px;
+    //     margin-bottom: 62px;
+    // }
     .delUploadBtnSty{
         position: absolute;
         right: 0;top: 0px;