|
@@ -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;
|