提交

src/api/questions.js

@@ -0,0 +1,10 @@
+import axios from "@/utils/request";
+
+// 数字人对话框
+// export function CreateDialogue (data){
+//   return axios({
+//     url: "/bjdxWeb/ai/create-dialogue",
+//     method: 'get',
+//     params: data
+//   })
+// }

src/views/AILaboratory.vue

@@ -202,6 +202,7 @@ const groupList = ref([
   margin-top: rpx(10);
   margin-left: rpx(15);
   border-radius: rpx(6);
+  border: 1px solid white;
   background: rgba($color: #ffffff, $alpha: 0.5);
   position: relative;
   cursor: pointer; // 添加鼠标指针样式

src/views/AIQuestions.vue

@@ -44,6 +44,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
+
 import { useRouter, useRoute } from 'vue-router'
 import {
   Document,
@@ -52,6 +53,7 @@ import {
   Setting,
   ArrowLeftBold
 } from '@element-plus/icons-vue'
+import { log } from 'console'
 // 返回上一页
 const goBack = () => {
   router.go(-1)
@@ -59,6 +61,8 @@ const goBack = () => {
 const router = useRouter()
 const route = useRoute()
 
+
+
 // 渲染实验室携带的人物名称
 const personName = ref(route.query.name)
 
@@ -107,9 +111,9 @@ const sendMessage = () => {
   background-color: #ece9fd;
 }
 .left-group img {
-  width: rpx(110);
+  width: rpx(120);
   height: auto;
-  margin-top: rpx(20);
+  margin-top: rpx(30);
 }
 .title-box {
   height: rpx(50);
@@ -163,10 +167,9 @@ 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; // 文字左对齐
 }
 .message-list .ai-message {
@@ -205,5 +208,6 @@ const sendMessage = () => {
   font-size: rpx(7);
   border-radius: rpx(5);
   cursor: pointer;
+  box-shadow: 0 4px 8px rgba(202, 52, 52, 0.3);
 }
 </style>