|
|
@@ -78,14 +78,14 @@
|
|
|
<template v-if="photosData && photosData.length">
|
|
|
<div class="text">今日拜访照片</div>
|
|
|
<div class="content-photos">
|
|
|
- <template v-for="item in photosData">
|
|
|
+ <div class="imgBox" v-for="item in photosData">
|
|
|
<img
|
|
|
:src="'data:image/jpg;base64,' + item"
|
|
|
crossorigin="anonymous"
|
|
|
referrerpolicy="no-referrer"
|
|
|
alt=""
|
|
|
style="display: block" />
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
<!-- <template v-for="item in urlList">
|
|
|
<img
|
|
|
:src="item + '&' + new Date().getTime()"
|
|
|
@@ -446,19 +446,37 @@ export default {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
// justify-content: space-between;
|
|
|
-
|
|
|
- img {
|
|
|
- // width: 47.5%;
|
|
|
- // height: 42vw;
|
|
|
- width: 30%;
|
|
|
- height: vw(188);
|
|
|
+ .imgBox {
|
|
|
+ width: 47.5%;
|
|
|
margin-bottom: 15px;
|
|
|
margin-right: 5%;
|
|
|
- background-color: rgba(255, 255, 255, 0.1);
|
|
|
- &:nth-child(3n) {
|
|
|
+ background-color: rgb(0, 0, 0);
|
|
|
+ height: 200px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ &:nth-child(2n) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
+ img {
|
|
|
+ // width: 100%;
|
|
|
+ // height: 42vw;
|
|
|
+ // width: 30%;
|
|
|
+ // height: vw(188);
|
|
|
+ // margin-bottom: 15px;
|
|
|
+ // margin-right: 5%;
|
|
|
+ // background-color: rgba(255, 255, 255, 0.1);
|
|
|
+ // &:nth-child(2n) {
|
|
|
+ // margin-right: 0;
|
|
|
+ // }
|
|
|
+ width: 100%;
|
|
|
+ // height: 100%;
|
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
|
+ max-height: 200px;
|
|
|
+ // object-fit: contain;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.comment {
|