<div id="banner">
    <ion-header>
        <div class="header-container">
            <ion-icon name="arrow-back-outline" size="large" class="back-icon" (click)="goBack()"></ion-icon>
            <p class="header-title">生成结果{{imagineWork?.progress || 0}}</p>
        </div>
    </ion-header>
</div>
<ion-content>
    @if(images.length) {
    @for(imageUrl of images;track imageUrl){
    <img [src]="imageUrl" alt="" srcset="">
    }
    }
    <!-- 生成状态 -->
    @if(!images.length){
    @if(imagineWork){
    <h1>生成中</h1>
    }
    @if(!imagineWork){
    <h1>未开始</h1>
    }
    }
    <ion-card>
        <ion-card-header>
            <ion-card-title>生成思路</ion-card-title>
        </ion-card-header>
        <ion-card-content>{{responseMsg}}</ion-card-content>
    </ion-card>
</ion-content>