Bläddra i källkod

资金使用管理修改删除样式

yuanyiming 2 år sedan
förälder
incheckning
245d8745a6

+ 27 - 7
src/views/fundManage/makerfundApply.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,18 +216,20 @@
                 </el-upload>
 
                 <el-upload
-                action="https://jsonplaceholder.typicode.com/posts/"
+                action="#"
                 list-type="picture-card"
                 class="delUpload"
                 style="position: relative;"
                 v-show="file[0]"
                 disabled
                 v-for="(item,index) in this.file" :key="index"
-                >
-                
-                <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 style="position: absolute;left: -20%;bottom: -30px;width: 200px;height: 30px;color: #000;line-height: 30px;display: flex;justify-content: center;">{{ item.fileName }}</div>
+                >   
+                    <!-- <span class="delUploadBtnSty" ">×</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>
                
@@ -1118,11 +1120,29 @@ export default {
 <style lang="less">
 .makerfundApply{
 
+    .maskLayer{
+        background: #000;position: absolute;left: 0;top: 0;opacity: .4; width: 100%;height: 60%;border-radius: 5px;
+        display: none;
+        transition: height linear 2s;
+    }
+
+
     .delUpload{
         width: 147px;
         margin-left: 60px;
         margin-bottom: 62px;
     }
+    .maskLayerI:hover{
+        color: #fff;
+    }
+    .delUpload:hover .maskLayer{
+        display: block;
+        height: 100%;
+    }
+
+
+
+
     .delUploadBtnSty{
         position: absolute;
         right: 0;top: 0px;

+ 1 - 1
src/views/projectApply/projectApplication.vue

@@ -495,7 +495,7 @@ import downloadFile from '@/components/tool/downloadFile.js';
                 let data=res.data;
                 if (data[0].length==0 && data[5][0]['total'] != 0) {
                   this.table.currentPage=1
-                  this.getData()
+                  return this.getData()
                 }
                 console.log(data);
                 let a=this.options;