样式优化

.env.development

@@ -18,4 +18,4 @@ VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
 
 # h5专用地址
 
-VITE_APP_BASE_H5_API_Url = 'https://aitstest.jlbank.com.cn:7002'
+VITE_APP_BASE_H5_API_Url = 'http://aitstest.jlbank.com.cn:7001'

src/components/markdown-preview/markdown-preview.vue

@@ -64,5 +64,7 @@
 		padding: 2px 4px;
 		border-radius: 3px;
 	}
-
+	p,span,div{
+		word-break: break-all;
+	}
 </style>

src/pages/index/components/answer.vue

@@ -1,5 +1,11 @@
 <template>
-	<view class="answer-content">
+	<view class="answer-content" v-if="props.isLoading">
+		<view class="talking-cont">
+			<CommonLoading color="#06f"/>
+		</view>
+		
+	</view>
+	<view class="answer-content" v-else>
 		<view class="talking-cont">
 			<MarkdownPreview :mdString="mdText"/> 
 		</view>
@@ -39,7 +45,7 @@
 </template>
 
 <script setup>
-	import { onMounted, computed, ref } from 'vue'
+	import { onMounted, computed, ref, watch } from 'vue'
 	import MarkdownPreview from '@/components/markdown-preview/markdown-preview.vue';
 	
 	const emit = defineEmits(['handleEvents'])
@@ -48,10 +54,16 @@
 			default: () => ({}),
 			type: Object
 		},
+		isLoading:{
+			default: false,
+			type:Boolean
+		}
 	})
 	
+	watch(() => props.dataInfo, () => {},{deep: true,immediate: true})
+	watch(() => props.isLoading, () => {},{deep: true,immediate: true})
 	const mdText = computed(() => props.dataInfo?.talkingText)
-
+	
 	const reAnswer = () => {
 		emit('handleEvents', 'reAnswer')
 	}
@@ -70,7 +82,10 @@
 		border-radius: 15rpx;
 		padding-bottom: 10rpx;
 		position: relative;
-			float: left;
+		overflow: hidden;
+		float: left;
+		width: 100%;
+		min-height: 80rpx;
 		.talking-cont{
 			padding-bottom: 20rpx;
 		}

src/pages/index/components/talking-item.vue

@@ -9,6 +9,7 @@
 		<answerVue 
 			v-else-if="talkingType === 'answer'" 
 			:dataInfo="props.talkingInfo" 
+			:isLoading="!!props.talkingInfo.isLoading"
 			@handleEvents="handleEvents" 
 		></answerVue> 
 		<view v-else></view>

src/pages/index/dialog.vue

@@ -251,6 +251,12 @@
 						...body,
 						talkingVoice: askData.value.talkingVoice
 					})
+					talkingList.value.push({
+						type: 'answer',
+						isLoading: true,
+						id: _id+'loading'
+					})
+					scrollToBottomNow()
 					return
 				}
 				if (commond === 'ASK-STOP') {
@@ -266,6 +272,7 @@
 						console.log('开始回答！')
 						answerIsOver.value = false
 						answerText.value = ''
+						talkingList.value.pop()
 						talkingList.value.push({
 							type: 'answer',
 							talkingText: answerText.value,