fix: add no url icon

xjh22222228 · Aug 3, 2024 · 902f5da · 902f5da
1 parent 4372a83
commit 902f5da
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/components/logo/logo.component.html b/src/components/logo/logo.component.html
@@ -1,9 +1,21 @@
 <img
-  *ngIf="url"
+  *ngIf="url; else noSrc"
   [src]="url"
-  class="icon dark-border-color"
+  class="icon"
   [ngStyle]="{ width: size + 'px', height: size + 'px' }"
   draggable="false"
   loading="lazy"
   [alt]="name ? name[0] : ''"
 />
+
+<ng-template #noSrc>
+  <div
+    class="circle"
+    [ngStyle]="{
+      width: size + 'px',
+      height: size + 'px'
+    }"
+  >
+    {{ name ? name[0] : '' }}
+  </div>
+</ng-template>
diff --git a/src/components/logo/logo.component.scss b/src/components/logo/logo.component.scss
@@ -29,4 +29,6 @@
   justify-content: center;
   align-items: center;
   border-radius: 50%;
+  background-color: #1890ff;
+  font-size: 18px;
 }