图片显示

projects/live-app/src/modules/tabs/anthorhome/anthorhome.component.scss

@@ -153,6 +153,7 @@
           width: 10.2564vw;
           height: 10.2564vw;
           border-radius: 50%;
+          object-fit: cover;
         }
       }
       .list-item-right {

projects/live-app/src/modules/user/profile/profile.component.html

@@ -224,7 +224,7 @@
       <div class="title-text">个人相册</div>
       <div class="album">
         @for (item of profile?.get('attachment'); track $index) {
-        <img [src]="item" alt="" (click)="onShowImg(item)" />
+        <img [src]="item+'?imageView2/0/w/200'" alt="" (click)="onShowImg(item)" />
         }
       </div>
     </div>

projects/live-app/src/modules/user/profile/profile.component.scss

@@ -383,12 +383,12 @@
       }
       .album {
         display: grid;
-        grid-template-columns: repeat(5, 17.9487vw);
+        grid-template-columns: repeat(4, 23.0769vw);
         justify-content: space-between;
         flex-wrap: wrap;
         img {
-          // width: 10.2564vw;
-          height: 17.9487vw;
+          width: 100%;
+          height: 30.7692vw;
           object-fit: contain;
           margin-top: 2.5641vw;
         }