c

app-angular/src/modules/lesson/page-chat/page-chat.component.html

@@ -22,7 +22,7 @@
                     <!--AI固定内容-->
                     <div class="message-container">
                         <img class="avatar-left"
-                            src="https://ts1.cn.mm.bing.net/th/id/R-C.96b2f4c011c90a93e0804dc0368947bb?rik=iuURCAQtZJGBTg&riu=http%3a%2f%2fimg.sytuku.com%2fuptu%2fyulantu%2f160528%2f5-16052R00554.jpg&ehk=cHY%2bSRHYCp30WP97Brg%2fdhkRkesXy91PqmVmm6Q%2fU8A%3d&risl=&pid=ImgRaw&r=0"
+                            src="../../../assets/jl.png"
                             alt="Avatar">
                         <div class="message-box-left">
                             <div class="message-content">

app-angular/src/modules/lesson/user-collection/user-collection.component.html

@@ -6,7 +6,7 @@
         </ion-buttons>
         <ion-segment value="推荐">
             <ion-segment-button value="推荐">
-                <ion-label>我的宠物档案</ion-label>
+                <ion-label>想法</ion-label>
             </ion-segment-button>
         </ion-segment>
     </ion-toolbar>
@@ -25,9 +25,51 @@
             </ion-button>
         </ion-buttons>
     </ion-item>
+<!-- 左侧对话 -->
+<div class="message-container left-message">
+<ion-item button detail="false" lines="none" class="tip">
+    <ion-label color="medium">
+            <span style="font-weight: bold;">苏苏</span>: "请记得在会议上提前准备好你的报告，以便我们能够高效地讨论和做出决策。"
+    </ion-label>
+    <ion-label color="medium">
+            <span style="font-weight: bold;">我</span>: "我会提前准备好我的报告，并确保在会议上能够高效地展示和讨论。"
+    </ion-label>
+</ion-item>
+</div>
+<div class="message-container left-message">
     <ion-item button detail="false" lines="none" class="tip">
         <ion-label color="medium">
-            还未有档案记录呢
+                <span style="font-weight: bold;">王主管</span>: "我希望你能够在工作中展现出更多的领导力和创新思维，这对你的职业发展将会有很大帮助。"
+        </ion-label>
+        <ion-label color="medium">
+                <span style="font-weight: bold;">我</span>: "我会努力展现更多的领导力和创新思维，我理解这对我的职业发展很重要。"
+        </ion-label>
+    </ion-item>
+    </div>
+    <div class="message-container left-message">
+        <ion-item button detail="false" lines="none" class="tip">
+            <ion-label color="medium">
+                    <span style="font-weight: bold;">刘主管</span>: "我希望你能够在工作中展现出更多的领导力和创新思维，这对你的职业发展将会有很大帮助。"
+            </ion-label>
+            <ion-label color="medium">
+                    <span style="font-weight: bold;">李华</span>: "我会努力展现更多的领导力和创新思维，我理解这对我的职业发展很重要。"
+            </ion-label>
+        </ion-item>
+        </div>
+        <div class="message-container left-message">
+            <ion-item button detail="false" lines="none" class="tip">
+                <ion-label color="medium">
+                        <span style="font-weight: bold;">张老板</span>: "你需要更加主动地沟通和协调团队工作，以确保每个人都明白自己的责任和目标。"
+                </ion-label>
+                <ion-label color="medium">
+                        <span style="font-weight: bold;">玫瑰</span>: "我会更加努力地主动沟通和协调团队工作，确保每个人都清楚自己的任务和目标。"
+                </ion-label>
+            </ion-item>
+            </div>
+                        
+    <ion-item button detail="false" lines="none" class="tip">
+        <ion-label color="medium">
+            到底啦
         </ion-label>
     </ion-item>
 </ion-content>

app-angular/src/modules/lesson/user-collection/user-collection.component.scss

@@ -6,4 +6,18 @@ ion-content {
     ion-label {
         text-align: center;
     }
+}
+.message-container {
+    border: 1px solid #3498db; /* 设置蓝色边框 */
+    border-radius: 5px; /* 设置边框圆角 */
+    padding: 10px; /* 设置内边距 */
+    margin: 5px; /* 设置外边距 */
+}
+
+.left-message {
+    text-align: left;
+}
+
+.right-message {
+    text-align: right;
 }

app-angular/src/modules/lesson/user-skill/user-skill.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-user-tag',
+  selector: 'app-user-skill',
   templateUrl: './user-skill.component.html',
   styleUrls: ['./user-skill.component.scss']
 })