与一页中的组件一起使用的离子选项卡

Question

我想使用制表符鬃毛的图像顶部。对于包含标签的页面，应该是一个常见的页面。

**<ion-content elastic-header has-header *ngIf="data != null">
<ion-item no-lines background-size id="elastic-header"
    [ngStyle]="{'background-image': 'url(' + data.headerImage + ')'}">
    <ion-thumbnail *ngIf="data != null">
        <img src="{{data.image}}" />
    </ion-thumbnail>
    <div class="title">
        <h2 *ngIf="data != null" parallax-title>{{data.title}}</h2>
        <h2 *ngIf="data != null" parallax-subtitle>{{data.subtitle}}</h2>
        <h1 *ngIf="data != null" parallax-country>{{data.country}}</h1>
    </div>
</ion-item>
<!--Content-->
<ion-grid no-padding *ngIf="data != null">
    <ion-row>
        <ion-col col-12>
            <tabs-layout-5 [data]="params.data" [events]="params.events">
            </tabs-layout-5>
        </ion-col>
    </ion-row>
</ion-grid>

**