@@ -4,6 +4,7 @@ swiper-slide img {
height: auto;
max-height: 70%;
}
+
swiper-slide {
display: flex;
position: relative;
@@ -18,6 +18,8 @@ export class Tab1Page {
delay: 2000
};
constructor() {}
navigateTo(path:string){
@@ -1,17 +1,24 @@
<ion-header>
<ion-toolbar>
+ <ion-buttons slot="start">
+ <ion-back-button defaultHref="/tabs/tab1"></ion-back-button>
+ </ion-buttons>
<ion-title>
职业建议
</ion-title>
</ion-toolbar>
</ion-header>
-
+<ion-alert
+[isOpen]="isAlertOpen"
+header="正在为您生成"
+subHeader="生成中请等待"
+></ion-alert>
<ion-content>
<ion-item>
<ion-input placeholder="关键词" [(ngModel)]="jobTitle"></ion-input>
</ion-item>
<ion-button *ngIf="!jobTitle" expand="block" (click)="sendMessage()">发送</ion-button>
<ion-card *ngFor="let message of messageList">
<ion-card-header>
{{message?.role}}
@@ -0,0 +1,3 @@
+ion-alert{
+ --backdrop-opacity: 1;
+ }
@@ -11,7 +11,7 @@ import { ActivatedRoute, Router } from '@angular/router';
export class AgentShigePage implements OnInit {
messageList:Array<TestRxjsChatMessage> = []
jobTitle:string | undefined |null
+ isAlertOpen = true;
constructor(
private route:ActivatedRoute,
private router:Router,
@@ -30,7 +30,7 @@
<div class="container">
<div class="ball" *ngFor="let ball of balls" [style.background-color]="ball.color" [style.left.px]="ball.x" [style.top.px]="ball.y">
<div class="ion-buttons">
- <ion-button fill="clear"color="light" shape="round" (click)="saveTextToLocalStorage(ball.text)" routerLink="/ai/agent/{{ball.text}}">{{ball.text}}</ion-button>
+ <ion-button fill="clear"color="light" shape="round" (click)="saveTextToLocalStorage(ball.text)"size="large" routerLink="/ai/agent/{{ball.text}}">{{ball.text}}</ion-button>
</div>