Sinopec-Anxin/src/app/pages/home/home.component.html

<div class="box">
    <div>
        <app-tabbar></app-tabbar>
    </div>
    <div class="menu">
        <li *ngIf="!isGasStationNav" [routerLink]="['/plan']" routerLinkActive="router-link-active">
            站点预案
        </li>
        <li *ngIf="!isGasStationNav" [routerLink]="['/warning']" routerLinkActive="router-link-active">
            今日预警
        </li>
        <li *ngIf="!isGasStationNav" [routerLink]="['/records']" routerLinkActive="router-link-active">
            违规记录
        </li>

        <li *ngIf="isGasStationNav" [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active">
            三维预案
        </li>
        <li *ngIf="isGasStationNav" [routerLink]="['/warning/petrolStation']" routerLinkActive="router-link-active">
            今日预警
        </li>
        <li *ngIf="isGasStationNav" [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active">
            违规记录
        </li>
        <div class="backbtn" *ngIf="isGasStation">
            <button nz-button (click)="goback()">返回</button>
        </div>
        <div class="warningnumber" *ngIf="isWarning">
            <img src="../../../assets/images/warningnum.png" alt="">
            <span class="num">39</span>
            <span class="today">今日违规</span>
        </div>
    </div>
    <div class="content">
        <router-outlet></router-outlet>
    </div>
</div>