xjh

wisdom-app/src/app/poem-picture/poem-picture.component.html

@@ -1,5 +1,6 @@
 <ion-header [translucent]="true">
   <ion-toolbar class="custom-toolbar">
+    <ion-button slot="start" size="small" (click)="backHome()" color="primary">back</ion-button>
     <ion-title class="custom-title">
       个性化头像生成
     </ion-title>
@@ -9,7 +10,7 @@
 <ion-content [fullscreen]="true">
   <!-- 生成提示词 -->
   <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="请输入头像要求(示例：画风采用动漫风，一位长发飘飘的女孩抬头仰望着天空微笑。)" autoGrow="true"></ion-textarea>
-  <ion-button (click)="createImage()" expand="block" color="success">头像生成</ion-button>
+  <ion-button (click)="createImage()" expand="block" color="success" class="anniu">头像生成</ion-button>
   <!-- 意境画面提示词 -->
   <div class="desc">
     {{PictureDescResult}}

wisdom-app/src/app/poem-picture/poem-picture.component.scss

@@ -36,8 +36,8 @@ ion-content {
   }
   
   /* 按钮样式 */
-  ion-button {
-    background-color: #6be4ea; /* 按钮背景颜色 */
+  .anniu {
+    background-color: #6be2ea; /* 按钮背景颜色 */
     color: white; /* 按钮文字颜色 */
     border-radius: 8px; /* 圆角 */
     font-size: 18px; /* 字体大小 */

wisdom-app/src/app/poem-picture/poem-picture.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone';
 import { IonTextarea, IonButton,IonInput } from "@ionic/angular/standalone";
 import { DalleOptions, ImagineWork, FmodeChatCompletion } from 'fmode-ng';
@@ -31,6 +32,7 @@ export class PoemPictureComponent  implements OnInit {
   imagineWork:ImagineWork
   images:Array<string> = []
   constructor(
+    private router: Router
   ){
     // 示例任务，自己生成图片后请存储新的ID 
     this.imagineWork = new ImagineWork("");
@@ -79,6 +81,11 @@ export class PoemPictureComponent  implements OnInit {
   }
     
   }
+  back:string = "back"
+  backHome(){
+    this.router.navigate(['/tabs/tab4']);
+  }
+
   ngOnInit() {}
 
 }