|
|
|
@ -117,7 +117,7 @@
|
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
<div class="imgRow"> |
|
|
|
|
<div v-for="(value, index) in item.imgList" :key="value.url"> |
|
|
|
|
<div v-for="(value, index) in item.imgList" :key="value.url" class="img_box"> |
|
|
|
|
<el-image |
|
|
|
|
class="img" |
|
|
|
|
:src="value.url" |
|
|
|
@ -129,6 +129,12 @@
|
|
|
|
|
:initial-index="index" |
|
|
|
|
fit="cover" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<div class="mask"> |
|
|
|
|
<el-icon color="#f00" size="20" class="pointer"> |
|
|
|
|
<CircleCloseFilled /> |
|
|
|
|
</el-icon> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -827,11 +833,29 @@ const handleSubmit = async () => {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.img { |
|
|
|
|
margin: 10px; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
width: 100px; |
|
|
|
|
height: 100px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.img_box { |
|
|
|
|
position: relative; |
|
|
|
|
margin: 10px; |
|
|
|
|
|
|
|
|
|
.mask { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 4px; |
|
|
|
|
right: 4px; |
|
|
|
|
opacity: 0; |
|
|
|
|
transition: all 0.3s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
.mask { |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|