|
@@ -11,7 +11,7 @@
|
|
|
<img :src="item" alt="" />
|
|
|
</div>
|
|
|
<div class="deleteImg" @click="deleteItem(item)">
|
|
|
- <img src="../../../assets/images/eva/delpic.png" alt="" />
|
|
|
+ <img src="../../../assets/images/eva/closecha.png" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- </div> -->
|
|
@@ -157,21 +157,24 @@ export default {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
+ .imgItem:nth-child(4n) {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
.imgItem {
|
|
|
position: relative;
|
|
|
- width: 74px;
|
|
|
+ width: 22%;
|
|
|
height: 66px;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- margin: 10px 0;
|
|
|
- margin-right: 4px;
|
|
|
+ // margin: 2%;
|
|
|
+ margin-right: 3%;
|
|
|
+ margin-top: 4px;
|
|
|
|
|
|
border: 1px solid rgba(217, 217, 217, 1);
|
|
|
|
|
|
.itemImg {
|
|
|
height: 100%;
|
|
|
-
|
|
|
// height: 66px;
|
|
|
z-index: 1;
|
|
|
> img {
|
|
@@ -185,12 +188,19 @@ export default {
|
|
|
width: 17px;
|
|
|
height: 17px;
|
|
|
position: absolute;
|
|
|
- right: 3px;
|
|
|
- top: 3px;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ padding: 1px;
|
|
|
+ border-end-start-radius: 4px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
z-index: 9;
|
|
|
> img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 95%;
|
|
|
+ height: 95%;
|
|
|
}
|
|
|
}
|
|
|
}
|