peat:app2.1

.history/Mind-app/src/app/page-companion/page-companion.component_20241201182522.html

@@ -0,0 +1,3 @@
+<p>
+  page-companion works!
+</p>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201182522.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-companion',
+  templateUrl: './page-companion.component.html',
+  styleUrls: ['./page-companion.component.scss'],
+  standalone: true,
+})
+export class PageCompanionComponent  implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

.history/Mind-app/src/app/page-companion/page-companion.component_20241201193927.ts

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { chevronBack } from 'ionicons/icons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-companion',
+  templateUrl: './page-companion.component.html',
+  styleUrls: ['./page-companion.component.scss'],
+  standalone: true,
+  imports:[IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon]
+})
+export class PageCompanionComponent  implements OnInit {
+
+  constructor(private router: Router) { 
+    addIcons({chevronBack});
+  }
+
+  goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}

.history/Mind-app/src/app/page-companion/page-companion.component_20241201193930.html

@@ -0,0 +1,18 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201193936.scss

@@ -0,0 +1,37 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194051.ts

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { chevronBack,heart } from 'ionicons/icons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-companion',
+  templateUrl: './page-companion.component.html',
+  styleUrls: ['./page-companion.component.scss'],
+  standalone: true,
+  imports:[IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon]
+})
+export class PageCompanionComponent  implements OnInit {
+
+  constructor(private router: Router) { 
+    addIcons({chevronBack,heart});
+  }
+
+  goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194053.html

@@ -0,0 +1,18 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194212.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194936.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194943.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 16px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201194953.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201195012.scss

@@ -0,0 +1,37 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 200px;
+    margin: auto;
+  }

.history/Mind-app/src/app/page-companion/page-companion.component_20241201195033.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 18px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-companion/page-companion.component_20241201195039.html

@@ -0,0 +1,19 @@
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 18px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 18px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201182522.html

@@ -0,0 +1,31 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201182522.scss

@@ -0,0 +1,28 @@
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201182522.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent, IonIcon } from '@ionic/angular/standalone';
+import { sunny } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor() {
+    addIcons({sunny});
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201184959.html

@@ -0,0 +1,32 @@
+<ion-header [translucent]="true">
+  <ion-button (click)="goTab1"><ion-icon name="chevronBack" slot="start"></ion-icon>返回</ion-button>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185011.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor() {
+    addIcons({sunny});
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185040.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor() {
+    addIcons({sunny,chevronBack});
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185210.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor(private router: Router) {
+    addIcons({sunny,chevronBack});
+   }
+
+   goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185341.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar,IonButton, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor(private router: Router) {
+    addIcons({sunny,chevronBack});
+   }
+
+   goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185443.scss

@@ -0,0 +1,29 @@
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185506.html

@@ -0,0 +1,32 @@
+<ion-header [translucent]="true">
+  <ion-button (click)="goTab1"><ion-icon name="chevronBack" slot="start"></ion-icon>返回</ion-button>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185610.scss

@@ -0,0 +1,30 @@
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201185703.html

@@ -0,0 +1,33 @@
+<ion-header [translucent]="true">
+  <ion-button (click)="goTab1"><ion-icon name="chevronBack" slot="start"></ion-icon>返回</ion-button>
+  
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190024.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190051.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190128.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190154.scss

@@ -0,0 +1,52 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190315.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190403.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190422.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px;  margin: auto;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190458.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190533.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190544.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+   
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190712.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin: auto">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201190816.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191030.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191135.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; ">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191201.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title>
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin: auto;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191205.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+   
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191229.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191441.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title style="text-align: center; width: 100%;">
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin: auto;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191448.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title style="text-align: center; ">
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin: auto;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191522.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center;justify-content: center; width: 200px; margin:0%;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191539.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191645.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201191647.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192007.scss

@@ -0,0 +1,52 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192020.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 16px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192045.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 6px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192053.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    margin: auto;
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+    width: 200px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192137.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192150.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin:auto">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192225.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left:08px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192227.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left:0px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192235.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left:2px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192241.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; margin:auto;"></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left:8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192422.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <span style="margin: auto;"><ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span></span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192455.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <span style="margin: auto;align-items: center; justify-content: center;"><ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span></span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192508.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <span style="margin: auto;"><ion-icon name="sunny" style="color: rgb(250, 222, 222);align-items: center; justify-content: center; font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span></span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192518.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <span style="margin: auto;"><ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; align-items: center; justify-content: center;margin-left: 8px;">日常</span></span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192621.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+      <span style="margin: auto;"><ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px;align-items: center; justify-content: center; margin-left: 8px;">日常</span></span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192654.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto ;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192735.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin:auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192740.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; ">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192802.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: 50px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192810.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: 10px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192816.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: 1px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192829.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: -5px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192840.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: -10px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192857.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: -20px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201192907.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin-left: -15px;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193044.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193059.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 200px; margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193119.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center; width: 120px; margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193216.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(245, 82, 82); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193225.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193352.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear" color="rgb(250, 222, 222)"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193417.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear" color="rgb(250, 222, 222)" class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193434.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 12px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193441.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 18px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193446.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193516.html

@@ -0,0 +1,34 @@
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+  <div class="rating-container">
+    <h4>星星打分：分值 {{currentScore}}</h4>
+    <edit-rating-star 
+      [score]="currentScore" 
+      [scoreMax]="5" 
+      (onScoreChange)="handleScoreChange($event)">
+    </edit-rating-star>
+  </div>
+  
+  <div class="tag-container">
+    <app-edit-tag (onTagChange)="setTagsValue($event)"></app-edit-tag>
+    <ul>
+      @for(tag of editTags;track tag;){
+        <li>{{tag}}</li>
+      }
+    </ul>
+  </div>
+</ion-content>

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193828.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar,IonButton, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor(private router: Router) {
+    addIcons({sunny,chevronBack});
+   }
+
+   goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193830.ts

@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import { EditTagComponent } from '../edit-tag/edit-tag.component';
+import { EditRatingStarComponent } from '../edit-rating-star/edit-rating-star.component';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { sunny,chevronBack } from 'ionicons/icons';
+import { addIcons } from 'ionicons';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-page-daily',
+  templateUrl: './page-daily.component.html',
+  styleUrls: ['./page-daily.component.scss'],
+  standalone: true,
+  imports:[EditTagComponent,EditRatingStarComponent,IonHeader, IonIcon, IonToolbar,IonButton, IonTitle, IonContent ]
+})
+export class PageDailyComponent  implements OnInit {
+  
+  currentScore: number = 0; // 初始分值
+
+  handleScoreChange(newScore: number) {
+    this.currentScore = newScore;
+    console.log('新分值:', newScore); // 处理分值变化
+  }
+   // 编辑标签
+   editTags:Array<string> = []
+   setTagsValue(ev:any){
+     console.log("setTagsValue",ev)
+     this.editTags = ev;
+   }
+
+  constructor(private router: Router) {
+    addIcons({sunny,chevronBack});
+   }
+
+   goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
+
+  ngOnInit() {}
+
+}
+

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193933.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/app/page-daily/page-daily.component_20241201193934.scss

@@ -0,0 +1,53 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 120px;
+    margin: auto;
+  }
+
+  .rating-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    margin-bottom: 16px; /* 下边距 */
+    margin-top: 16px;
+    background-color: #f6b7b7; /* 背景颜色 */
+  }
+  
+  .tag-container {
+    border: 1px solid #d3d3d3; /* 边框颜色 */
+    border-radius: 8px; /* 圆角 */
+    padding: 16px; /* 内边距 */
+    background-color: #f6b7b7; /* 背景颜色 */
+  }

.history/Mind-app/src/main_20241201182522.ts

@@ -0,0 +1,14 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { RouteReuseStrategy, provideRouter, withPreloading, PreloadAllModules } from '@angular/router';
+import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone';
+
+import { routes } from './app/app.routes';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, {
+  providers: [
+    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
+    provideIonicAngular(),
+    provideRouter(routes, withPreloading(PreloadAllModules)),
+  ],
+});

.history/Mind-app/src/main_20241201195946.ts

@@ -0,0 +1,34 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { RouteReuseStrategy, provideRouter, withPreloading, PreloadAllModules } from '@angular/router';
+import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone';
+
+import { routes } from './app/app.routes';
+import { AppComponent } from './app/app.component';
+
+
+
+bootstrapApplication(AppComponent, {
+  providers: [
+    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
+    provideIonicAngular(),
+    provideRouter(routes, withPreloading(PreloadAllModules)),
+       // 添加HttpClient供应器
+       provideHttpClient(),
+       // 添加Diagnostic
+       Diagnostic,
+  ],
+});
+
+
+import { provideHttpClient } from '@angular/common/http';
+// 引用移动端授权检测供应器
+import { Diagnostic } from '@awesome-cordova-plugins/diagnostic/ngx';
+// 设置Parse服务属性
+import Parse from "parse";
+Parse.initialize("ncloudmaster");
+Parse.serverURL = "https://server.fmode.cn/parse";
+localStorage.setItem("NOVA_APIG_SERVER", 'aHR0cHMlM0ElMkYlMkZzZXJ2ZXIuZm1vZGUuY24lMkZhcGklMkZhcGlnJTJG')
+
+// 注意：替换Token 根据Token设置Parse服务帐套权限
+Parse.User.become("r:E4KpGvTEto-191368082821731976325")
+

.history/Mind-app/tsconfig_20241201182937.json

@@ -0,0 +1,30 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2022",
+    "module": "es2020",
+    "lib": ["es2018", "dom"],
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

.history/Mind-app/tsconfig_20241201195227.json

@@ -0,0 +1,31 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "allowSyntheticDefaultImports":true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2022",
+    "module": "es2020",
+    "lib": ["es2018", "dom"],
+    "useDefineForClassFields": false
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

Mind-app/package.json

@@ -27,6 +27,7 @@
     "@capacitor/keyboard": "6.0.3",
     "@capacitor/status-bar": "6.0.2",
     "@ionic/angular": "^8.4.0",
+    "fmode-ng": "^0.0.62",
     "ionicons": "^7.2.1",
     "rxjs": "~7.8.0",
     "swiper": "^11.1.15",

Mind-app/src/app/page-companion/page-companion.component.html

@@ -1,3 +1,19 @@
-<p>
-  page-companion works!
-</p>
+
+<ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
+
+  <ion-toolbar>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="heart" style="color: rgb(250, 222, 222); font-size: 18px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 18px; margin-left: 2px;">心灵陪伴</span>
+    </div>
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+
+</ion-content>

Mind-app/src/app/page-companion/page-companion.component.scss

@@ -0,0 +1,37 @@
+.button-container {
+  position: absolute; /* 绝对定位 */
+  top: 8px; /* 距离顶部的距离 */
+  left: 6px; /* 距离左侧的距离 */
+  display: flex; /* 使用flexbox布局 */
+  flex-direction: row; /* 垂直排列 */
+}
+
+.custom-button {
+  font-size: 14px; /* 按钮字体大小 */
+  border-radius: 6px; /* 圆角按钮 */
+  color: rgb(250, 222, 222); /* 字体颜色 */
+  transition: opacity 0.3s, color 0.3s; /* 添加过渡效果 */
+  
+}
+
+/* 添加按钮的悬停效果 */
+.custom-button:hover {
+  opacity: 0.5 !important; /* 悬停时透明度变化 */
+  color:aqua !important;
+}
+
+ion-content {
+    --background: #ffcccb; /* 设置背景颜色为粉色 */
+    color: black; /* 设置文本颜色为黑色，确保可读性 */
+  }
+  ion-header {
+    background-color: #f19595; /* 设置背景颜色为淡粉色 */
+    color: black; /* 设置文本颜色为黑色 */
+    
+  }
+  
+  ion-toolbar {
+    --background: transparent; /* 如果需要透明效果，可以设置为透明 */
+   width: 200px;
+    margin: auto;
+  }

Mind-app/src/app/page-companion/page-companion.component.ts

@@ -1,14 +1,25 @@
 import { Component, OnInit } from '@angular/core';
+import {IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { chevronBack,heart } from 'ionicons/icons';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-page-companion',
   templateUrl: './page-companion.component.html',
   styleUrls: ['./page-companion.component.scss'],
   standalone: true,
+  imports:[IonHeader, IonToolbar, IonTitle, IonContent,IonButton, IonIcon]
 })
 export class PageCompanionComponent  implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { 
+    addIcons({chevronBack,heart});
+  }
+
+  goTab1(){
+    this.router.navigate(['tabs/tab1']);
+   }
 
   ngOnInit() {}
 

Mind-app/src/app/page-daily/page-daily.component.html

@@ -1,9 +1,12 @@
 <ion-header [translucent]="true">
+  <div class="button-container">
+  <ion-button (click)="goTab1()" fill="clear"  class="custom-button daily-button"><ion-icon name="chevron-back" slot="start"></ion-icon>返回</ion-button>
+  </div>
   <ion-toolbar>
-    <ion-title>
-    <div style="display: flex; align-items: center;justify-content: center;">
-      <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px;"></ion-icon>
-  <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
+    <ion-title >
+    <div style="display: flex; align-items: center; justify-content: center;  margin: auto;">
+     <ion-icon name="sunny" style="color: rgb(250, 222, 222); font-size: 24px; "></ion-icon>
+      <span style="color: rgb(250, 222, 222); font-size: 20px; margin-left: 8px;">日常</span>
     </div>
     </ion-title>
   </ion-toolbar>