数字人静态数据

src/views/AILaboratory.vue

@@ -71,11 +71,12 @@ import NumberPeople04 from '@/assets/images/number-people04.png'
 import NumberPeople05 from '@/assets/images/number-people05.png'
 // 渲染数字人老师及图片
 const peopleList = ref([
-  { name: '鲁迅', image: NumberPeople01 },
-  { name: '门捷列夫', image: NumberPeople02 },
-  { name: '牛顿', image: NumberPeople03 },
-  { name: '特斯拉', image: NumberPeople04 },
-  { name: '李白', image: NumberPeople05 }
+  { id: 10, name: '小智', image: NumberPeople01 },
+  { id: 21, name: '鲁迅', image: NumberPeople01 },
+  { id: 22, name: '门捷列夫', image: NumberPeople02 },
+  { id: 19, name: '牛顿', image: NumberPeople03 },
+  { id: 23, name: '特斯拉', image: NumberPeople04 },
+  { id: 18, name: '李白', image: NumberPeople05 }
 ])
 
 // 跳转页面携带名字和人物形象
@@ -83,7 +84,7 @@ const navigateToAIQuestions = (person) => {
   router.push({ 
     // 跳转问答页面
     path: '/ai-questions', 
-    query: {  name: person.name, image: person.image } 
+    query: {  id: person.id, name: person.name, image: person.image }
   }); 
 };
 

src/views/AIQuestions.vue

@@ -54,6 +54,7 @@ import {
   ArrowLeftBold
 } from '@element-plus/icons-vue'
 import { log } from 'console'
+import {AI} from "@/api/ai/index.js";
 // 返回上一页
 const goBack = () => {
   router.go(-1)
@@ -64,6 +65,8 @@ const route = useRoute()
 
 
 // 渲染实验室携带的人物名称
+// 渲染实验室携带的人物id、名称
+const personId = ref(route.query.id)
 const personName = ref(route.query.name)
 
 // 渲染实验室携带的人物形象图片
@@ -167,7 +170,7 @@ const sendMessage = () => {
   margin-right: 0; // 重置右边距
   max-width: rpx(400);
   font-size: rpx(8);
-  width: fit-content; // 宽度随文字内容变化 
+  width: fit-content; // 宽度随文字内容变化
   border-radius: rpx(5);
   padding: rpx(5);
   text-align: left; // 文字左对齐