src/lib/base-layout/base-layout.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | rxap-base-layout |
| imports |
HeaderComponent
FooterComponent
|
| templateUrl | ./base-layout.component.html |
| styleUrl | ./base-layout.component.scss |
import {
ChangeDetectionStrategy,
Component,
} from '@angular/core';
import { FooterComponent } from '../footer/footer.component';
import { HeaderComponent } from '../header/header.component';
@Component({
selector: 'rxap-base-layout',
imports: [
HeaderComponent,
FooterComponent,
],
templateUrl: './base-layout.component.html',
styleUrl: './base-layout.component.scss',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class BaseLayoutComponent {}
<rxap-header class="z-10 w-full fixed top-0"></rxap-header>
<ng-content></ng-content>
<rxap-footer class="z-10 w-full fixed bottom-0"></rxap-footer>