From 28837d56a6fd0df4d7fa07c46cabb135a441cabd Mon Sep 17 00:00:00 2001
From: Taric Xin <LincolnLin@swireproperties.com>
Date: Mon, 7 Mar 2022 16:20:41 +0800
Subject: [PATCH] e

---
 .../components/imagelist/imagelist.component.html      |  9 ++++++++-
 src/app/shared/components/imagelist/imagelist.less     | 10 ++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/components/imagelist/imagelist.component.html b/src/app/shared/components/imagelist/imagelist.component.html
index b3bddafd..3936f667 100644
--- a/src/app/shared/components/imagelist/imagelist.component.html
+++ b/src/app/shared/components/imagelist/imagelist.component.html
@@ -1,3 +1,10 @@
 <div class="imgBox">
-  <img *ngFor="let item of imgList; let i = index" nz-image [nzSrc]="item" />
+  <ng-container *ngFor="let item of imgList; let i = index">
+    <ng-container *ngIf="item; else elseTemplate">
+      <img nz-image [nzSrc]="item" />
+    </ng-container>
+    <ng-template #elseTemplate>
+      <div style="background-color: darkgrey;border-radius: 5px;width: 200px;height: 160px;" class="mr-sm"></div>
+    </ng-template>
+  </ng-container>
 </div>
\ No newline at end of file
diff --git a/src/app/shared/components/imagelist/imagelist.less b/src/app/shared/components/imagelist/imagelist.less
index fe9a7a13..a9da2f31 100644
--- a/src/app/shared/components/imagelist/imagelist.less
+++ b/src/app/shared/components/imagelist/imagelist.less
@@ -1,9 +1,11 @@
 .imgBox {
-  width: 100%;
+  width   : 100%;
   overflow: hidden;
+  display : flex;
+
   img {
-    width: 100px;
-    margin: 0 10px;
+    width         : 100px;
+    margin        : 0 10px;
     vertical-align: middle;
   }
-}
+}
\ No newline at end of file