项目初始化

src/app/layout/pro/components/logo/logo.component.html

@@ -0,0 +1,4 @@
+<a [routerLink]="['/']" class="d-flex align-items-center">
+  <img src="./assets/logo-color.svg" alt="{{ name }}" height="32" />
+  <h1>{{ name }}</h1>
+</a>

src/app/layout/pro/components/logo/logo.component.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { SettingsService } from '@delon/theme';
+
+@Component({
+  selector: 'layout-pro-logo',
+  templateUrl: './logo.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class LayoutProLogoComponent {
+  get name(): string {
+    return this.setting.app.name!;
+  }
+
+  constructor(private setting: SettingsService) {}
+}