diff --git a/src/components/markdown-preview/markdown-preview.vue b/src/components/markdown-preview/markdown-preview.vue
new file mode 100644
index 00000000..4520cdc6
--- /dev/null
+++ b/src/components/markdown-preview/markdown-preview.vue
@@ -0,0 +1,64 @@
+<template>
+	<view>
+		<rich-text :nodes="contentHtml"></rich-text>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"markdown-preview",
+		props: {
+			mdString: {
+				default:`在客服交流中使用标准术语是提高专业形象和服务质量的重要手段。以下是一些常见的客服标准用语及其适用场景：
+
+1. **问候与介绍：**
+   - “您好，欢迎来到[公司名称]，我是您的客服代表[姓名]，很高兴为您服务。”
+   - “早上好/下午好/晚上好，[公司名称]客服中心，请问有什么可以帮到您的吗？”
+
+2. **确认信息：**
+   - “为了更好地为您提供服务，能否麻烦您提供一下[具体需要的信息，如订单号、会员账号等]？”
+   - “我来确认一下，您的问题是关于[问题的具体描述]，对吗？”
+
+3. **表达理解与同情：**
+   - “非常理解您的感受，遇到这种情况确实会让人感到不便/烦恼。”
+   - “感谢您的耐心等待，我们正在积极处理您的问题。”
+
+4. **解决问题：**
+   - “针对您提到的问题，我们可以采取[解决方案]的方式解决，您看这样可以吗？”
+   - “我已经记录了您的反馈，并将尽快转交给相关部门处理，预计[解决时间]内会有结果。”
+
+5. **结束对话：**
+   - “如果您没有其他问题的话，那我们就先这样吧，祝您生活愉快！”
+   - “再次感谢您的来电，期待下次为您服务。再见！”
+
+6. **特殊情况处理：**
+   - “很抱歉给您带来了不愉快的体验，这并不是我们希望发生的事情。我们会立即调查此事，并确保类似情况不再发生。”
+   - “对于您所反映的情况，我们深感歉意，但根据我们的规定，[解释原因]。不过，我可以尝试帮您寻找其他的解决方案。”
+
+以上是客服交流中常用的标准化语言，实际应用时可根据具体情况适当调整，以保持沟通的真实性和亲和力。`,
+				type: String
+			}
+		},
+		data() {
+			return {
+				contentHtml:''
+			};
+		},
+		watch:{
+			mdString: {
+				handler(val){
+					
+				},
+				deep: true,
+				immediate: true
+			}
+		},
+		methods:{
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/course/components/talkingItem.vue b/src/pages/course/components/talkingItem.vue
index ce829139..2539c2ca 100644
--- a/src/pages/course/components/talkingItem.vue
+++ b/src/pages/course/components/talkingItem.vue
@@ -1,6 +1,6 @@
 <!-- type: 0，纯文本信息不翻译  1，语音回答 ， 2 文本回答 3, 段落信息  4  问题信息 5 统计信息 6: 发送loading状态 7: 教师反馈文本不翻译 -->
 <template>
-	<view class="ai-answer" v-if="[3,4,5].indexOf(type) >= 0">
+	<view :class="['ai-answer', props.class]" :id="props.id" v-if="[3,4,5].indexOf(type) >= 0">
 		<view class="user-info">
 			<view class="avatar-box">
 				<ImagePreview class="img-box" :imgId="dataInfo?.userInfo?.imgAddr"></ImagePreview>
@@ -80,7 +80,7 @@
 					重新学
 					<image class="icon icon-iamge" src="@/static/images/course/refresh-white.png" ></image>
 				</view>
-				<view class="next-btn" @click.stop="goOnGetQues" v-if="showNextBtn && [3, 6].indexOf(type) >= 0 && isLast && !isPlaying">继续 
+				<view class="next-btn" @click.stop="goOnGetQues" v-if="showGoonBtn">继续 
 					<image class="icon icon-iamge" src="@/static/images/course/goon.png" ></image></view>
 			</view>
 			<view class="talking-cont last-cont" v-if=" [5].indexOf(type) >= 0 && !dataInfo.isLoading">
@@ -90,7 +90,7 @@
 			</view>
 		</view>
 	</view>
-	<view class="ai-answer" v-if="[7].indexOf(type) >= 0">
+	<view :class="['ai-answer', props.class]" :id="props.id" v-if="[7].indexOf(type) >= 0">
 		<view class="user-info">
 			<view class="avatar-box">
 				<ImagePreview class="img-box" :imgId="dataInfo?.userInfo?.imgAddr"></ImagePreview>
@@ -108,7 +108,7 @@
 			</view>
 		</view>
 	</view>
-	<view class="user-answer" v-else-if="[1, 2].indexOf(type) >= 0">
+	<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[1, 2].indexOf(type) >= 0">
 		<view class="user-info">
 			<view class="avatar-box">
 				<image v-if="userInfo.imagePath" class="img-box" :src="userInfo.imagePath" style="width: 100%; height: 100%;"></image>
@@ -157,7 +157,7 @@
 			</view>
 		</view>
 	</view>
-	<view class="user-answer" v-else-if="[0, 6].indexOf(type) >= 0">
+	<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[0, 6].indexOf(type) >= 0">
 		<view class="user-info">
 			<view class="avatar-box">
 				<image v-if="userInfo.imagePath" class="img-box" :src="userInfo.imagePath" style="width: 100%; height: 100%;"></image>
@@ -228,6 +228,14 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 			default: () => ({}),
 			type: Object
 		},
+		class: {
+			default:'',
+			type: String
+		},
+		id: {
+			default:'',
+			type: String
+		}
 	})
 	
 	const { type, dataInfo, activeVoiceId, isPlaying, isLast, lastQuestionInfo} = toRefs(props)
@@ -402,6 +410,9 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 		})
 	}
 	const showNextBtn = ref(true)
+	const showGoonBtn = computed(()=>{
+		return showNextBtn.value && [3, 6].indexOf(props.type) >= 0 && isLast.value && !isPlaying.value
+	})
 	const goOnGetQues = () => {
 		if(props.type === 5){
 			emit('nextQuestion', unref(dataInfo))