Browse Source

Merge branch 'feature_20250721_日报分享' into uat(dev)

zhujindu 4 months ago
parent
commit
aaec699dd7
1 changed files with 25 additions and 10 deletions
  1. 25 10
      src/components/share.vue

+ 25 - 10
src/components/share.vue

@@ -78,14 +78,14 @@
         <template v-if="photosData && photosData.length">
         <template v-if="photosData && photosData.length">
           <div class="text">今日拜访照片</div>
           <div class="text">今日拜访照片</div>
           <div class="content-photos">
           <div class="content-photos">
-            <template v-for="item in photosData">
+            <div class="imgBox" v-for="item in photosData">
               <img
               <img
                 :src="'data:image/jpg;base64,' + item"
                 :src="'data:image/jpg;base64,' + item"
                 crossorigin="anonymous"
                 crossorigin="anonymous"
                 referrerpolicy="no-referrer"
                 referrerpolicy="no-referrer"
                 alt=""
                 alt=""
                 style="display: block" />
                 style="display: block" />
-            </template>
+            </div>
             <!-- <template v-for="item in urlList">
             <!-- <template v-for="item in urlList">
             <img
             <img
               :src="item + '&' + new Date().getTime()"
               :src="item + '&' + new Date().getTime()"
@@ -446,19 +446,34 @@ export default {
       display: flex;
       display: flex;
       flex-wrap: wrap;
       flex-wrap: wrap;
       //   justify-content: space-between;
       //   justify-content: space-between;
-
-      img {
-        // width: 47.5%;
-        // height: 42vw;
-        width: 30%;
-        height: vw(188);
+      .imgBox {
+        width: 47.5%;
         margin-bottom: 15px;
         margin-bottom: 15px;
         margin-right: 5%;
         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;
+        &:nth-child(2n) {
           margin-right: 0;
           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);
+        // object-fit: contain;
+      }
     }
     }
   }
   }
   .comment {
   .comment {