yf 4 сар өмнө
parent
commit
c292bb1409

+ 6 - 2
wisdom-app/src/app/page/page-my-health/page-my-health.component.html

@@ -33,10 +33,14 @@
 
   <ion-list *ngIf="!isLoading && allMessage.length > 0">
     <ion-item *ngFor="let consultation of allMessage" lines="none">
-      <ion-card class="message-card" (click)="toggleConsultation(consultation.id)">
+      <ion-card class="message-card" (click)="toggleConsultation(consultation.id)" [attr.aria-expanded]="isConsultationExpanded(consultation.id)">
         <ion-card-header>
           <ion-card-title>
             就诊时间: {{ consultation?.updatedAt | date:'short' }}
+            <ion-icon 
+              [name]="isConsultationExpanded(consultation.id) ? 'chevron-up-outline' : 'chevron-down-outline'" 
+              class="toggle-icon">
+            </ion-icon>
           </ion-card-title>
           <p><strong>问诊编号:</strong> {{ consultation.id }}</p> <!-- 显示编号 -->
         </ion-card-header>
@@ -56,7 +60,7 @@
             <div *ngFor="let msg of consultation.data['allContent'] | slice:2" 
                  class="conversation-message" 
                  [ngClass]="{'user-message': msg.role === 'user', 'assistant-message': msg.role === 'assistant'}">
-              <ion-icon [name]="getIcon(msg.role)" slot="start" class="consultation-icon"></ion-icon>
+              <!-- 移除对话中的图标 -->
               <p class="message-text"><strong>{{ getRoleLabel(msg.role) }}:</strong> {{ msg.content }}</p>
             </div>
           </div>

+ 8 - 1
wisdom-app/src/app/page/page-my-health/page-my-health.component.scss

@@ -59,6 +59,13 @@
 .message-card ion-card-title {
   font-size: 20px; /* 增大字体 */
   font-weight: bold;
+  display: flex;
+  align-items: center;
+}
+
+.toggle-icon {
+  margin-left: auto;
+  font-size: 24px; /* 增大切换图标 */
 }
 
 .message-card ion-card-content p {
@@ -95,7 +102,7 @@
 
 /* 放大所有咨询相关图标,并保持相同大小 */
 .consultation-icon {
-  font-size: 32px; /* 设置更大的字体大小 */
+  font-size: 40px; /* 设置更大的字体大小 */
   margin-right: 12px; /* 增大图标间距 */
   color: #3880ff;
 }