diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
index f83558e..472ec0d 100644
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
@@ -13,7 +13,7 @@
             "type" : "uniCloud"
         },
         {
-            "playground" : "standard",
+            "playground" : "custom",
             "type" : "uni-app:app-android"
         },
         {
diff --git a/api/api.js b/api/api.js
index 29f717d..345116e 100644
--- a/api/api.js
+++ b/api/api.js
@@ -18,6 +18,31 @@ export function ttWss(data) {
 	return requesta.post(`index/tts`, data);
 }
 
+
+
+
+// base64 转 二进制流(blob)
+export function dataURLtoBlob(dataurl) {
+    // console.log(dataurl);
+    // let str = "data:audio/wav;base64," + dataurl.slice(2)
+    // console.log(str);
+    let mime = "audio/wav"
+    // var arr = str.split(","),
+    // mime = arr[0].match(/:(.*?);/),
+    // let bstr = atob(arr[1])
+    let bstr = atob(dataurl)
+    let n = bstr.length
+    let u8arr = new Uint8Array(n);
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+    }
+	console.log(u8arr)
+    // return new Blob([u8arr], {
+    //     type: mime,
+    // });
+}
+
+
 // -防抖
 export function debounce(fn, wait) {
 	let delay = wait || 500
diff --git a/components/qiqb-share/qiqb-share.vue b/components/qiqb-share/qiqb-share.vue
index 853df22..d6c23f7 100644
--- a/components/qiqb-share/qiqb-share.vue
+++ b/components/qiqb-share/qiqb-share.vue
@@ -366,7 +366,7 @@
 					success: (res) => {
 						uni.hideLoading()
 						console.log(res)
-						this.$emit('down', res)
+						
 						this.show = false
 						// 保存到相册 自定义实现
 						uni.saveImageToPhotosAlbum({
diff --git a/components/qiqb-share/qiqb-share1.vue b/components/qiqb-share/qiqb-share1.vue
new file mode 100644
index 0000000..0dc3ca9
--- /dev/null
+++ b/components/qiqb-share/qiqb-share1.vue
@@ -0,0 +1,444 @@
+<template>
+	<view class="qiqb-ctx" v-bind:class="{'on':show}">
+		<view class="qiqb-ctx-box">
+			<!-- <text @click="show=false"></text> -->
+			<canvas canvas-id="ctx" style="width:330px;height:300px" v-show="img_show"></canvas>
+		</view>
+		<view class="qiqb-ctx-btns u-border-bottom">
+			<view>分享至</view>
+			<view>长按海报可转发分享</view>
+			<view>
+				<!-- <text>微信好友</text><text>分享朋友圈</text> -->
+				<text @click="down">保存图片</text>
+			</view>
+		</view>
+		<view class="qiqb-ctx-close" @click="show=false">取消</view>
+	</view>
+</template>
+ <!-- https://crmeb-test.shop.lihaink.cn/api/upload/image/field -->
+
+<script>
+	export default {
+		name: "share",
+
+		data() {
+			return {
+				show: false,
+				img_show: true,
+				mode: 'img',
+				list: [],
+				pext1: '',
+				pext2: ''
+			}
+		},
+		onLoad() {
+			uni.$on('add', function(res) {
+				console.log(res.listData) //  为 B 页面传过来的值
+			})
+		},
+		mounted() {
+			// console.log(this.list,'222222')
+		},
+
+
+		methods: {
+			//子组件接受参数
+			refresh(index) {
+				this.list = index;
+				this.pext1 = index[index.length - 2].content
+				this.pext2 = index[index.length - 1].content
+				// console.log(this.list)
+			},
+			init() { // 通过opt传参数
+
+				uni.showLoading({
+					title: '生成中'
+				})
+				let self = this
+				let ctx = uni.createCanvasContext('ctx')
+				// 绘制背景 宽度 高度 圆角 颜色
+				self.drawBg(ctx, 330, 300, 8, '#fff')
+
+				// 需要用到的图片提前循环下载好，本地除外
+				uni.downloadFile({
+					url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230524/96e80fb572e35d4acebdce67dbd41f30.jpg',
+					success: function(e) {
+						let img = e.tempFilePath // 封面图
+						uni.downloadFile({
+							url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230524/96e80fb572e35d4acebdce67dbd41f30.jpg',
+							success: function(e) {
+								let photo = e.tempFilePath // 头像
+								uni.downloadFile({
+									url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230606/f0738e1ff432c08b369ca5e4b906a34a.png',
+									success: function(e) {
+										uni.hideLoading()
+										let qrcode = e.tempFilePath // 二维码
+										self.drawTxtOne(ctx, '农业咨询小程序', 220, 35, 100,
+											'#222', 12, false)
+										// 绘制圆角头像 图片地址 距离左边 距离上边 宽度 高度 圆角
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091310.png',
+											170, 10, 40, 40, 20)
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091059.png',
+											10, 50, 40, 40, 20)
+
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091310.png',
+											10, 118, 40, 40, 20)
+
+										// 绘制封面图 图片地址 距离左边 距离上边 宽度 高度 圆角
+										// self.drawImg(ctx, img, 10, 120, 210, 260, 8)
+
+										// 绘制二维码 图片地址 距离左边 距离上边 宽度 高度 圆角
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/ai_qr_20231013091327.jpg',
+											174, 195, 100, 100, 0)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										self.drawTxtOne(ctx, self.pext1, 60, 70, 100,
+											'#222', 12, false)
+										// self.drawTxtTwo(ctx, self.pext1, 60, 64, 80,
+										// 	'#222', 13)
+										// self.drawTxtTwo(ctx, self.pext1, 60,64,
+										// 	190, 20, '#222', 12)
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '邀请您一起购好物', 60, 80, 100,
+										// 	'#666', 9, false)
+
+										// 绘制两行文字 图片地址 距离左边 距离上边 宽度 行高 颜色 字号
+										self.drawTxtFour(ctx,
+											self.pext2,
+											60, 120,
+											190, 20, '#222', 12)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										self.drawTxtOne(ctx, '下载二维码', 15, 250, 100,
+											'#666', 11, false)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '今日特价：￥', 15, 350, 100,
+										// 	'#ED3327', 11, false)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '86.00', 82, 350, 100,
+										// 	'#ED3327', 11, true)
+
+										// 绘制删除文字 图片地址 距离左边 距离上边 行高 颜色 字号 加粗
+										// self.drawTxtDel(ctx, '原价:20', 15, 370, 4,
+										// 	'#818181', 10, false)
+
+										// 结束绘制
+										ctx.draw()
+										self.show = true
+									}
+								})
+							}
+						})
+					}
+				})
+			},
+			down() {
+				uni.showLoading({
+					title: '保存中'
+				})
+				uni.canvasToTempFilePath({
+					canvasId: 'ctx',
+					quality: 1,
+					success: (res) => {
+						uni.hideLoading()
+						console.log(res)
+						this.$emit('down', res)
+						this.show = false
+						// 保存到相册 自定义实现
+						uni.saveImageToPhotosAlbum({
+							filePath: res.tempFilePath,
+							success: (res) => {
+								console.log('保存')
+								uni.showModal({
+									title: '保存成功'
+								})
+							}
+						})
+					}
+				})
+			},
+			// 绘制背景 宽度 高度 圆角 颜色
+			drawBg(ctx, w, h, r, color) {
+				let x = 0
+				let y = 0
+				ctx.setFillStyle(color)
+				ctx.save()
+				ctx.beginPath()
+				ctx.moveTo(x + r, y)
+				ctx.arcTo(x + w, y, x + w, y + h, r)
+				ctx.arcTo(x + w, y + h, x, y + h, r)
+				ctx.arcTo(x, y + h, x, y, r)
+				ctx.arcTo(x, y, x + w, y, r)
+				ctx.closePath()
+				ctx.fill()
+			},
+			// 绘制图片 图片地址 距离左边 距离上边 宽度 高度 圆角
+			drawImg(ctx, img, x, y, w, h, r) {
+				let self = this
+				ctx.save()
+				ctx.beginPath()
+				ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5)
+				ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2)
+				ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5)
+				ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI)
+				ctx.clip()
+				ctx.drawImage(img, x, y, w, h)
+				ctx.restore()
+			},
+			// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+			drawTxtOne(ctx, text, x, y, maxWidth, color, size, bold) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a]
+					}
+				}
+				row.push(temp)
+				if (ctx.measureText(temp).width > maxWidth) row[0] = row[0] + '...'
+
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					if (bold) {
+						ctx.font = 'normal bold ' + size + 'px sans-serif'
+					} else {
+						ctx.font = 'normal ' + size + 'px sans-serif'
+					}
+					ctx.fillText(row[b], x, y)
+				}
+			},
+			// 绘制两行文字 图片地址 距离左边 距离上边 宽度 行高 颜色 字号
+			drawTxtTwo(ctx, text, x, y, maxWidth, lineHeight, color, size) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a];
+					} else {
+						a--
+						row.push(temp)
+						temp = ""
+					}
+				}
+				row.push(temp)
+				if (row.length > 2) {
+					let rowCut = row.slice(0, 2)
+					let rowPart = rowCut[1]
+					let test = ""
+					let empty = []
+					for (var a = 0; a < rowPart.length; a++) {
+						if (ctx.measureText(test).width < maxWidth) {
+							test += rowPart[a]
+						} else {
+							break
+						}
+					}
+					empty.push(test)
+					var group = empty[0] + "..."
+					rowCut.splice(1, 1, group)
+					row = rowCut
+				}
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					ctx.font = 'normal ' + size + 'px sans-serif'
+					ctx.fillText(row[b], x, y + b * lineHeight, 300)
+				}
+			},
+			drawTxtFour(ctx, text, x, y, maxWidth, lineHeight, color, size) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a];
+					} else {
+						a--
+						row.push(temp)
+						temp = ""
+					}
+				}
+				row.push(temp)
+				if (row.length > 4) {
+					let rowCut = row.slice(0, 4)
+					let rowPart = rowCut[1]
+					let test = ""
+					let empty = []
+					for (var a = 0; a < rowPart.length; a++) {
+						if (ctx.measureText(test).width < maxWidth) {
+							test += rowPart[a]
+						} else {
+							break
+						}
+					}
+					empty.push(test)
+					var group = empty[0] + "..."
+					rowCut.splice(1, 1, group)
+					row = rowCut
+				}
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					ctx.font = 'normal ' + size + 'px sans-serif'
+					ctx.fillText(row[b], x, y + b * lineHeight, 300)
+				}
+			},
+			// 绘制删除线文字 图片地址 距离左边 距离上边 行高 颜色 字号 加粗
+			drawTxtDel(ctx, txt, x, y, h, color, size) {
+				ctx.fillStyle = color
+				ctx.font = 'normal ' + size + 'px sans-serif'
+				ctx.fillText(txt, x, y)
+
+				ctx.beginPath()
+				let width = ctx.measureText(txt).width;
+				ctx.rect(x, y - h, width, 1)
+				ctx.fillStyle = color
+				ctx.fill()
+			}
+		}
+	}
+</script>
+
+<style>
+	.qiqb-ctx {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		bottom: 0;
+		left: 0;
+		z-index: -1;
+		display: flex;
+		background: rgba(0, 0, 0, .6);
+		opacity: 0;
+		transition: all .3s;
+		flex-direction: column;
+		align-items: flex-end;
+		justify-content: flex-end
+	}
+
+	.qiqb-ctx.on {
+		z-index: 2000;
+		opacity: 1
+	}
+
+	.qiqb-ctx-box {
+		position: relative;
+		display: flex;
+		padding: 30upx 0 40upx;
+		width: 750upx;
+		justify-content: center
+	}
+
+	.qiqb-ctx-box text {
+		position: absolute;
+		top: -40upx;
+		right: 145upx;
+		display: inline-flex;
+		width: 47upx;
+		height: 47upx;
+		background: url('img/close.png');
+		background-size: 100% 100%
+	}
+
+	.qiqb-ctx-btns {
+		display: flex;
+		width: 750upx;
+		height: 330upx;
+		border-radius: 20upx 20upx 0 0;
+		background: #fff;
+		flex-direction: row;
+		flex-direction: column;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(1) {
+		display: flex;
+		padding-top: 10upx;
+		height: 80upx;
+		font-weight: 700;
+		font-size: 30upx;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(2) {
+		height: 80upx;
+		color: #666;
+		font-size: 24upx
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) {
+		display: flex;
+		padding-bottom: 30upx;
+		font-size: 26upx;
+		flex-direction: row;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text {
+		display: flex;
+		width: 250upx;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(1)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/3.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(2)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/1.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(3)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/2.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-close {
+		display: flex;
+		padding-bottom: 50upx;
+		width: 100%;
+		height: 150upx;
+		background: #fff;
+		font-size: 32upx;
+		align-items: center;
+		justify-content: center
+	}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ed74e09..0ad71ce 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -182,7 +182,7 @@
 
 			</view>
 		</uni-popup>
-		<qiqbshare  ref="child" ></qiqbshare>
+		<qiqbshare ref="child"></qiqbshare>
 
 
 	</view>
@@ -194,7 +194,9 @@
 		iatWss,
 		debounce,
 		throttle,
-		ttWss
+		fileToBase64,
+		dataURLtoBlob,
+		ttWss,
 	} from "@/api/api.js"
 	import {
 		HTTP_REQUEST_URL
@@ -379,14 +381,14 @@
 				let arry1 = []
 				let a;
 				let b;
-				 if(data.length>2){
-					 a=data.length-2
-					 b=data.length-1
-				 }else{
-					 a=0
-					 b=1
-				 }
-			
+				if (data.length > 2) {
+					a = data.length - 2
+					b = data.length - 1
+				} else {
+					a = 0
+					b = 1
+				}
+
 				for (let i in data[a].content) {
 					if (data[a].content.slice(i * 22, (i + 1) * 22)) {
 						arry.push(data[a].content.slice(i * 22, (i + 1) * 22))
@@ -397,14 +399,14 @@
 					if (data[b].content.slice(i * 22, (i + 1) * 22)) {
 						arry1.push(data[b].content.slice(i * 22, (i + 1) * 22))
 					}
-				
-				
+
+
 				}
 				// console.log(arry1.length,arry.length)
 
-               this.imageSize.height=(arry1.length*20)+(arry.length*20)+100+150
-         
-			    this.$refs.child.refresh(this.talkList,this.imageSize.height,(arry.length*20)+100);
+				this.imageSize.height = (arry1.length * 20) + (arry.length * 20) + 100 + 150
+
+				this.$refs.child.refresh(this.talkList, this.imageSize.height, (arry.length * 20) + 100);
 			},
 
 
@@ -418,7 +420,7 @@
 			},
 			//分享
 			Share() {
-			
+
 				// this.isDraw = !this.isDraw;
 				this.cavshare(this.talkList)
 				this.$refs.child.init()
@@ -628,6 +630,38 @@
 				}
 				// #endif
 			},
+				// 调用讯飞语音识别
+						voiceBegain() {
+							let _this = this;
+							let options = {};
+							//#ifdef APP-PLUS || APP-PLUS-NVUE
+							options.engine = 'iFly';
+							options.punctuation = false; // 是否需要标点符号 
+							options.timeout = 10 * 6000; //语音录入持续时长
+							
+							plus.speech.startRecognize(options, function(s) {
+								_this.searchText = _this.searchText + s;
+								console.log(_this.searchText) //拿到语音识别的结果
+								//下面是逻辑  
+								_this.searchValue = s;
+								_this.searchText = ""
+								
+								// 打印输出结果
+								 _this.words1 = _this.searchValue
+								 _this.words2 = _this.searchText
+								 
+								// 关闭语音
+								plus.speech.stopRecognize();
+							}, function(e){
+		console.log('语音识别失败：'+JSON.stringify(e));
+	});
+							//#endif
+							// #ifdef H5
+							alert("只有h5平台才有alert方法")
+							// #endif
+						
+					},
+	
 			//文字转语音
 			txtspeech(val, i) {
 
@@ -642,21 +676,21 @@
 				// }).catch((err) => {
 				// 	console.log(err)
 				// })
-				
+
 				ttWss({
 					data: val
 				}).then(res => {
 					if (res.code == 0) {
-				this.talkList[i].audio_file = res.data.mp3
-				this.nums = this.talkList.length - 1
+						this.talkList[i].audio_file = res.data.mp3
+						this.nums = this.talkList.length - 1
 						this.nums = this.talkList.length - 1
 					}
 
 				}).catch((err) => {
 					console.log(err)
 				})
-				
-				
+
+
 			},
 
 			//点击事件
@@ -668,6 +702,7 @@
 			},
 			longpress(e) {
 				// console.log(e.touches[0].pageX)
+					this.voiceBegain()
 				this.onFeedTap()
 				this.touchT = new Date().getTime();
 				this.islong = true
@@ -829,7 +864,7 @@
 						console.error(error)
 					})
 			},
-			
+
 			//删除本地录音文件
 			deletespeech() {
 				this.btnStatus = 0
@@ -875,7 +910,7 @@
 
 			palyaudio(item) {
 				this.palystatus = !this.palystatus
-			    
+
 				if (!this.palystatus) {
 					innerAudioContext.src = item.audio_file;
 					innerAudioContext.play()
diff --git a/pages/index/index2.vue b/pages/index/index2.vue
new file mode 100644
index 0000000..de13cba
--- /dev/null
+++ b/pages/index/index2.vue
@@ -0,0 +1,1927 @@
+<template>
+	<view class="wrapper" @touchmove="touchmove">
+		<!-- #ifdef MP || APP-PLUS -->
+
+		<view class="conten-top">
+			<view class="" style="position: absolute;left: 30rpx;"><i class="iconfont icon-xiangzuo"
+					style="font-size: 40rpx;text-align: left;"></i></view>
+			<view class="" style="font-size: 30rpx;">
+				农业咨询
+			</view>
+		</view>
+		<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
+		<!-- #endif -->
+		<view class="tips color_fff size_12 align_c" :class="{ 'show':ajax.loading }" @tap="getHistoryMsg">
+			{{ajax.loadText}}
+		</view>
+		<view class="placeholder"></view>
+		<view class="box-1" id="list-box" ref="box">
+			<view class="talk-list">
+				<view class="talk-list-con">
+					<view class="talk-list-con-title">
+						您好！
+					</view>
+					<view class="talk-list-con-title1">
+						您可以和我说任何有关农业的问题。<br />
+						例如下面的问题，赶快试试吧！
+					</view>
+					<view class="talk-list-con-title2">
+						<text style="margin-top: 15rpx;"> 下方输入：</text>
+						<view class="">
+							冬季怎么保存蔬菜
+							<image src="../../static/icon/airight.png" mode=""></image>
+						</view>
+					</view>
+
+				</view>
+				<view v-for="(item,index) in talkList" :key="index" :id="`msg-${item.id}`">
+					<view class="item flex_col" :class=" item.type == 1 ? 'push':'pull' ">
+						<image :src="item.type==1?avatar:item.pic" mode="aspectFill" class="pic"></image>
+
+						<view class="content" v-if="item.id=='@'">
+							<!-- 加载中 -->
+							<view class="blinking-box">
+								<image src="@/static/icon/ioc.gif" mode="aspectFit"></image>
+								<view class="">正在快速生成答案</view>
+							</view>
+						</view>
+						<view class="" v-else>
+							<view v-if="talkList.length-1==index" class="multiline-text">
+								<view class="content">
+									<bing-math v-if="c_content!=''" :key="`math-${item.id}`" class="bing-math"
+										:latex="c_content"></bing-math>
+									<view v-else class="blinking-box">
+										<image src="@/static/icon/ioc.gif" mode="aspectFit"></image>
+										<view class="">正在快速生成答案</view>
+									</view>
+
+								</view>
+
+								<view class="contenta" v-if="c_content!=''&&index==nums">
+									<view class="contenta-img" v-if='palystatus' @click="palyaudio(item)">
+										<image src="@/static/icon/ai7.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-img" v-else @click="palyaudio(item)">
+										<image src="@/static/icon/ai8.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-ai" v-show="palystatus==false">
+										<image src="@/static/icon/ai.gif" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-imga" @tap="copyContent(c_content)"
+										:style="{'margin-left':palystatus==false?'207rpx' :'257rpx','margin-right': '20rpx'}">
+										<image src="@/static/icon/ai10.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-imga">
+										<image src="@/static/icon/ai9.png" mode="aspectFit"></image>
+									</view>
+								</view>
+							</view>
+							<view v-else class="content multiline-text">
+								<!-- <rich-text :nodes="item.content"></rich-text> -->
+								<bing-math :key="`math-${item.id}`" class="bing-math" :latex="item.content"></bing-math>
+							</view>
+						</view>
+
+					</view>
+				</view>
+
+
+				<view id="bottom-box"></view>
+			</view>
+		</view>
+		<uni-transition custom-class="box-2" mode-class="slide-left" :show="showStop">
+			<view class="flex_col">
+				<view class="flex_grow content downsocket" @click="closeSocketTask">中断连接</view>
+			</view>
+		</uni-transition>
+		<uni-transition custom-class="box-2" mode-class="slide-right" :show="!showStop">
+			<view class="flex_c">
+				<view class="flex_c_img" v-if="isshow" @click="hidesend">
+					<image src="@/static/icon/hua.png" mode="aspectFit"></image>
+				</view>
+
+				<view class="flex_c_img" v-else @click="hidesend">
+					<image src="@/static/icon/den.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_txt" v-if="isshow">
+					<input type="text" class="content" v-model="content" placeholder="输入您要咨询的内容" @focus="focus"
+						@confirm="send" placeholder-style="color:#DDD;" :cursor-spacing="6">
+				</view>
+				<view class="flex_c_txt" v-else>
+
+					<view class="con" @longtap="start">
+						{{btnStatus==0? "按住说话":btnStatus==1? "说话中...": btnStatus==2? "松开手指发送录音": "上划取消"}}
+					</view>
+					<!-- <view :class=" btnStatus==0? 'footerBtn': btnStatus==1?'footerBtn_star':'footerBtn_move'">
+						<view class="footerBtn_chr" @touchend="end" @touchmove="move" @touchstart="start">
+							{{btnStatus==0? "按住说话":btnStatus==1? "说话中...": btnStatus==2? "松开手指发送录音": "上划取消"}}
+						</view>
+					</view> -->
+
+				</view>
+				<view class="flex_c_img" @tap="send" v-if='content.length>0'>
+					<image src="@/static/icon/fa1.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_img" @tap="send" v-else>
+					<image src="@/static/icon/fa.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_img" @click="addgn">
+					<image src="@/static/icon/jia.png" mode="aspectFit"></image>
+				</view>
+				<!-- <button class="send" @tap="send">发送</button> -->
+			</view>
+			<view class="flex_d" v-if="gnishow">
+				<view class="">
+					<image src="../../static/icon/ai2.png" mode=""></image>
+				</view>
+				<view class="">
+					<image src="../../static/icon/ai3.png" mode=""></image>
+				</view>
+			</view>
+		</uni-transition>
+
+		<uni-popup ref="popup" :mask-click="false">
+			<view class="popup_box" @touchend="end" @touchmove="move" @touchstart="start">
+				<view class="move">
+
+					<view v-if="btnStatus!==0" :class="btnStatus==3? 'move_center_clear': 'move_center'">
+
+						<view class="move_center_top">
+							<view class="move_center_item" v-for="(item,index) in 15" :key="index"
+								:style="{'background':btnStatus==3?'rgba(250, 83, 83, .5)':'rgba(149, 234, 108, .5)'}">
+							</view>
+						</view>
+						<view class="move_center_footer">
+							{{btnStatus==3? '松开手指,取消发送':"正在录音..."}}
+						</view>
+					</view>
+				</view>
+
+				<view class="popup_box-con">
+					<view class="popup_box-cona">
+
+						<view :class="risshow?'bg1':''">
+							X
+						</view>
+
+						<!-- <view class="" @tap="$u.throttle(end, 1000)">
+							文
+						</view> -->
+
+					</view>
+					<view class="popup_box-conb">
+						<image src="@/static/icon/ai1.png" mode=""></image>
+					</view>
+				</view>
+
+				<!-- <button @click="play(voicePath)">播放</button> -->
+			</view>
+		</uni-popup>
+
+	</view>
+</template>
+
+<script>
+	import {
+		xuiat,
+		iatWss,
+		debounce,
+		throttle
+	} from "@/api/api.js"
+	import {
+		HTTP_REQUEST_URL
+
+	} from '@/config/app';
+
+	import {
+		pathToBase64,
+		base64ToPath
+	} from '@/js_sdk/mmmm-image-tools/index.js'
+	import * as base64 from "base-64"
+	import CryptoJS from '../../static/crypto-js/crypto-js.js'
+	import parser from '../../static/fast-xml-parser/src/parser'
+	import * as utf8 from "utf8"
+	import BingMath from "@/components/bing-math/bing-math.vue"
+
+
+
+
+	const recorderManager = uni.getRecorderManager()
+	const innerAudioContext = uni.createInnerAudioContext()
+
+	export default {
+		components: {
+			'bing-math': BingMath,
+		},
+		data() {
+			return {
+				wssType: 'nongye', // 网络连接类型
+				avatarType: "/static/icon/ny.png", // AI头像类型
+				talkList: [],
+				ajax: {
+					rows: 15, //每页数量
+					page: 1, //页码
+					flag: false, // 请求开关
+					loading: false, // 加载中
+					loadText: '正在获取消息'
+				},
+				keyboardHeight: 0,
+				showplc: true,
+				content: '',
+				c_content: '',
+				n_content: '',
+				avatar: '/static/avatar.png', // 用户头像
+				params: [], // 发送的消息内容
+				timer: '',
+				timer1: '',
+				socketTask: {},
+				TEXT: '',
+				historyTextList: [], // 历史会话信息，由于最大token12000,可以结合实际使用，进行移出
+				tempRes: '', // 临时答复保存
+				socketing: false, // 是否正在接收
+				showStop: false, // 是否显示中断按钮
+				scrollTop: 0,
+				isshow: true,
+				shouldScrollToBottom: true,
+				nums: 0,
+				palystatus: true, //播放状态
+				recordFlg: true, //录音锁
+				btnStatus: 0, //按钮状态
+				audioDuration: "",
+				voicePath: "", //音频本地路径
+				timer: null, //定时器
+				num: 0, //录音时长
+				gnishow: false,
+				audioUrl: '',
+				audioTxt: '',
+				handlerInterval: null,
+				huashow: false,
+				Fstatus: false,
+				touchStartX: 0, //触摸时的原点
+				touchStartY: 0, //触摸时的原点
+				touchMoveX: 0, // x轴方向移动的距离
+				touchMoveY: 0, // y轴方向移动的距离
+				risshow: false,
+
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.getHistoryMsg();
+			});
+			uni.onKeyboardHeightChange(e => {
+				let h = this.keyboardHeight;
+				this.keyboardHeight = e.height;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						uni.pageScrollTo({
+							scrollTop: 9999999, // 当前位置向下滚动
+							duration: 300 // 滚动过渡时间为300ms，默认值为300ms
+						});
+					}, 0)
+				})
+			})
+
+		},
+		onLoad() {
+			let avatar = uni.getStorageSync('avatar');
+			avatar ? this.avatar = avatar : null;
+			uni.$on('MPinfo', (e) => {
+				this.avatar = e.avatar;
+			})
+
+			// var currentWebview = this.$scope.$getAppWebview() //获取当前页面的webview对象
+
+
+
+		},
+
+		beforeDestroy() {
+			// #ifdef APP-PLUS
+			uni.offKeyboardHeightChange();
+			// #endif
+		},
+		onPageScroll(e) {
+			if (e.scrollTop < 5) {
+				this.getHistoryMsg();
+			}
+		},
+		created() {
+			console.log("888");
+			// 为了防止苹果手机静音无法播放
+			// uni.setInnerAudioOption({
+			// 	obeyMuteSwitch: false
+			// })
+			let that = this;
+			recorderManager.onStop(function(res) {
+				// 解决第一次录音,挂实例挂载问题
+				that.$nextTick(() => {
+					// console.log('recorder stop' + JSON.stringify(res));
+					that.audioDuration = res.duration;
+					that.voicePath = res.tempFilePath;
+				})
+			});
+
+			this.list()
+		},
+		mounted() {
+			//const self = this;
+			//self.currentWebview = self.$scope.$getAppWebview().children()[0]
+			
+			this.parseBlob()
+		},
+		watch: {
+			n_content(n, o) {
+				// this.c_content = n;
+				if (this.timer) clearInterval(this.timer);
+				let cl = this.c_content.length;
+				let nc = this.n_content.split('');
+				this.timer = setInterval(() => {
+					if (cl < nc.length) {
+						this.c_content += nc[cl];
+						cl++;
+						if (cl % 6 == 0) this.$nextTick(() => {
+							uni.pageScrollTo({
+								scrollTop: 999999,
+							})
+						})
+					} else {
+						// console.log(this.socketing==false, cl == nc.length);
+						if (this.socketing == false) this.showStop = false;
+						clearInterval(this.timer);
+						this.$nextTick(() => {
+							uni.pageScrollTo({
+								scrollTop: 9999999,
+							})
+						})
+					}
+				}, 60)
+			},
+
+		},
+
+		methods: {
+			onMessage(e) {
+				console.log('来自页面的消息', e.detail.data);
+				// uni.showToast({
+				// 	title: e.detail.data,
+				// 	icon: 'none'
+				// });
+				this.content = e.detail.data[0]
+
+				// setTimeout(()=>{
+				// 	this.send1()
+				// })
+				throttle(this.send1(), 3000)
+
+			},
+			//复制
+			copyContent(data) {
+
+				uni.setClipboardData({
+					data,
+					success: function() {
+						uni.getClipboardData({
+							success: function(res) {
+								uni.showToast({
+									title: "复制成功",
+								});
+							}
+						});
+					}
+				});
+			},
+
+			list() {
+				iatWss().then((res) => {
+
+					this.audioUrl = res.data.iat_wss
+
+				})
+			},
+			//功能展开
+			addgn() {
+				// const self = this;
+
+				// self.currentWebview.evalJS("uniEvent('saveContract')");
+
+				this.gnishow = !this.gnishow
+				console.log(this.gnishow)
+			},
+			// 点击关闭遮罩层
+			closePop() {
+				this.$refs.popup.close()
+			},
+
+			//语音转文字
+			uploadFile(tempFilePath) {
+
+				let that = this
+
+				// console.log(tempFilePath)
+
+				uni.uploadFile({
+					url: HTTP_REQUEST_URL + '/api/xun_fei/iat', // 上传地址
+					filePath: tempFilePath, // 要上传的文件路径
+					name: 'audio', // 上传文件对应的 key 值
+					header: {
+						'content-type': 'multipart/form-data'
+					},
+					success: function(res) {
+						// console.log(res)
+
+						let data = JSON.parse(res.data)
+						if (data.code == 1) {
+							uni.showToast({
+								title: '语音识别成功'
+							});
+
+
+							that.talkList = that.talkList.filter(item => item.id !== '@');
+							that.content = data.data.words
+							that.send1()
+
+
+
+							// console.log( that.talkList)
+							// if (that.talkList.length > 0) {
+							// 	that.talkList.splice(that.talkList.length - 1, 1)
+							// } else {
+							// 	that.talkList.splice(0, 1)
+							// }
+
+							that.voicePath = ''
+							// if (that.content.length > 0) {
+							// 	that.send()
+							// }
+
+
+						} else {
+							uni.showToast({
+								title: '语音识别失败'
+							});
+						}
+
+
+
+					},
+					fail: function(error) {
+						// 上传失败处理逻辑
+						that.deletespeech()
+						console.log(error, 11);
+						uni.hideLoading();
+
+					}
+				})
+			},
+			//文字转语音
+			txtspeech(val, i) {
+
+				xuiat({
+					text: val
+				}).then(res => {
+					if (res.code == 1) {
+						this.talkList[i].audio_file = res.data.audio_file
+						this.nums = this.talkList.length - 1
+						this.palyaudio(res.data)
+					}
+
+				}).catch((err) => {
+					console.log(err)
+				})
+			},
+
+
+			start(e) {
+				this.$refs.popup.open('center')
+				// 限制时长
+				this.timer = setInterval(() => {
+					this.num++
+					// console.log("num", this.num);
+				}, 1000)
+				this.touchStartX = e.changedTouches[0].pageX; // 获取触摸时的原点
+				this.touchStartY = e.changedTouches[0].pageY; // 获取触摸时的原点
+				console.log("手指按下");
+				this.btnStatus = 1
+				// this.currentWebview.evalJS("uniEvent('saveContract')");
+				// 暂停播放
+				// innerAudioContext.stop()
+				recorderManager.start({
+					//时长5分钟,单位毫秒
+					duration: 300000
+				});
+
+			},
+
+			end() {
+
+				this.closePop()
+				// clearInterval(this.timer1)
+				// this.btnStatus = 0
+				// // 暂停播放
+				// innerAudioContext.stop()
+				// //异步,解决录音结束后,路径没赋值就传值,导致的路径为空
+				// setTimeout(() => {
+				// 	let obj = {
+				// 		status: false,
+				// 		path: [{
+				// 			src: this.voicePath,
+				// 			switchStatus: false,
+				// 			soundTime: this.num
+				// 		}]
+				// 	}
+				// 	console.log(1111, this.voicePath)
+				// 	// if (this.voicePath.length > 0) {
+				// 	// 	uni.$u.throttle(this.uploadFile(this.voicePath), 500)
+				// 	// }
+				// 	this.num = 0
+				// 	// pathToBase64(this.voicePath)
+				// 	// 	.then(base64 => {
+				// 	// 		const arrayBuffer = new Uint8Array(base64)
+				// 	// 		const base1 = uni.arrayBufferToBase64(arrayBuffer)
+				// 	// 		let params = {
+				// 	// 			common: {
+				// 	// 				app_id: '2eda6c2e',
+				// 	// 			},
+				// 	// 			business: {
+				// 	// 				language: "zh_cn",
+				// 	// 				domain: "iat",
+				// 	// 				accent: "mandarin",
+				// 	// 				vad_eos: 5000,
+				// 	// 				dwa: "wpgs",
+				// 	// 			},
+				// 	// 			data: {
+				// 	// 				status: 2,
+				// 	// 				format: "audio/L16;rate=16000",
+				// 	// 				encoding: "raw",
+				// 	// 				audio: base64.split(',')[1]
+				// 	// 			},
+				// 	// 		};
+				// 	// 		this.audioTxt = JSON.stringify(params)
+				// 	// 		this.audiosckt()
+				// 	// 	})
+				// 	// 	.catch(error => {
+				// 	// 		console.error(error)
+				// 	// 	})
+
+				// 	// this.socketaudio.send(JSON.stringify(params))
+
+				// }, 500)
+
+
+
+				clearInterval(this.timer)
+				this.btnStatus = 0
+				recorderManager.stop();
+				// this.currentWebview.evalJS("closeEvent('cContract')");
+				// console.log(this.voicePath, "888");
+				// this.closePop()
+
+
+
+				let data = {
+					"id": '@',
+					"content": '加载完毕',
+					"type": 2,
+					"pic": this.avatarType
+				}
+				this.talkList.push(data);
+
+
+
+
+				// // 异步,解决录音结束后,路径没赋值就传值,导致的路径为空
+				setTimeout(() => {
+					let obj = {
+						status: false,
+						path: [{
+							src: this.voicePath,
+							switchStatus: false,
+							soundTime: this.num
+						}]
+					}
+
+					if (this.voicePath.length > 0) {
+						// this.huashow=true
+						// uni.$u.throttle(this.uploadFile(this.voicePath), 1000)
+						// this.audiosckt()
+						this.toBase64()
+
+					}
+
+					this.num = 0
+				}, 500)
+			},
+			parseBlob() {
+				// const arrayBuffer = new Uint8Array(['https://example.com/example.mp3'])
+				var binary = "";
+				var bytes = new Uint8Array(['https://example.com/example.mp3']);
+				var len = bytes.byteLength;
+				for (var i = 0; i < len; i++) {
+					binary += String.fromCharCode(bytes[i]);
+				}
+				var base64 = btoa(binary)
+				console.log(base64, '22')
+			},
+			toBase64() {
+				pathToBase64(this.voicePath)
+					.then(base64 => {
+
+						this.parseBlob()
+
+						let params = {
+							common: {
+								app_id: '2eda6c2e',
+							},
+							business: {
+								language: "zh_cn",
+								domain: "iat",
+								accent: "mandarin",
+								vad_eos: 5000,
+								dwa: "wpgs",
+							},
+							data: {
+								status: 2,
+								format: "audio/L16;rate=16000",
+								encoding: "raw",
+								audio: base1
+							},
+						};
+						this.audioTxt = JSON.stringify(params)
+
+					})
+					.catch(error => {
+						console.error(error)
+					})
+			},
+			// play(value){
+			// 	console.log("播放");
+			// 	// innerAudioContext.src = value;
+			// 	innerAudioContext.play();
+			// },
+			//删除本地录音文件
+			deletespeech() {
+				this.btnStatus = 0
+				this.risshow = false
+				let that = this
+				console.log('删除成功')
+				this.closePop()
+				uni.getSavedFileList({
+					success: function(res) {
+
+						if (res.fileList.length > 0) {
+
+							uni.removeSavedFile({
+								filePath: res.fileList[0].filePath,
+								complete: function(res) {
+									console.log(res);
+								}
+							});
+						}
+					}
+				});
+			},
+
+			//语音隐藏
+
+			hidesend() {
+				this.isshow = !this.isshow
+
+			},
+			//录音
+			Dialogue() {
+				// this.maskShow = !this.maskShow
+				this.$refs.popup.open('center')
+			},
+			footerCheck(e) {
+				console.log(e)
+				this.maskShow = false
+				this.isshow = true
+			},
+			//音频播放
+
+			palyaudio(item) {
+				this.palystatus = !this.palystatus
+				if (!this.palystatus) {
+					innerAudioContext.src = item.audio_file;
+					innerAudioContext.play()
+				} else {
+					innerAudioContext.pause()
+				}
+				innerAudioContext.onError((res) => {
+					console.log(res.errMsg);
+					console.log(res.errCode);
+					this.palystatus = true
+				});
+
+				innerAudioContext.onEnded((res) => {
+					this.palystatus = true
+				});
+
+			},
+
+
+			copyText(str) {
+				uni.setClipboardData({
+					data: str,
+					success: function() {
+						uni.showToast({
+							icon: 'none',
+							title: '复制成功'
+						});
+					}
+				});
+			},
+			// 获取历史消息
+			getHistoryMsg() {
+				return;
+				if (this.ajax.flag) {
+					return; //
+				}
+
+				let get = async () => {
+					this.hideLoadTips();
+					this.ajax.flag = false;
+					let data = await this.joinHistoryMsg();
+
+					console.log('----- 模拟数据格式，供参考 -----');
+					console.log(data); // 查看请求返回的数据结构 
+
+					// 获取待滚动元素选择器，解决插入数据后，滚动条定位时使用
+					let selector = '';
+
+					if (this.ajax.page > 1) {
+						// 非第一页，则取历史消息数据的第一条信息元素
+						selector = `#msg-${this.talkList[0].id}`;
+					} else {
+						// 第一页，则取当前消息数据的最后一条信息元素
+						selector = `#msg-${data[data.length-1].id}`;
+					}
+
+					// 将获取到的消息数据合并到消息数组中
+					this.talkList = [...data, ...this.talkList];
+
+					// 数据挂载后执行，不懂的请自行阅读 Vue.js 文档对 Vue.nextTick 函数说明。
+					this.$nextTick(() => {
+						// 设置当前滚动的位置
+						this.setPageScrollTo(selector);
+
+						this.hideLoadTips(true);
+
+						if (data.length < this.ajax.rows) {
+							// 当前消息数据条数小于请求要求条数时，则无更多消息，不再允许请求。
+							// 可在此处编写无更多消息数据时的逻辑
+						} else {
+							this.ajax.page++;
+
+							// 延迟 200ms ，以保证设置窗口滚动已完成
+							setTimeout(() => {
+								this.ajax.flag = true;
+							}, 200)
+						}
+
+					})
+				}
+				get();
+			},
+			// 拼接历史记录消息
+			joinHistoryMsg() {
+				let join = () => {
+					let arr = [];
+
+					//通过当前页码及页数，模拟数据内容
+					let startIndex = (this.ajax.page - 1) * this.ajax.rows;
+					let endIndex = startIndex + this.ajax.rows;
+					for (let i = startIndex; i < endIndex; i++) {
+						arr.push({
+							"id": i, // 消息的ID
+							"content": `这是历史记录的第${i+1}条消息`, // 消息内容
+							"type": Math.random() > 0.5 ? 1 : 0, // 此为消息类别，设 1 为发出去的消息，0 为收到对方的消息,
+							"pic": "/static/avatar.png" // 头像
+						})
+					}
+
+					/*
+						颠倒数组中元素的顺序。将最新的数据排在本次接口返回数据的最后面。
+						后端接口按 消息的时间降序查找出当前页的数据后，再将本页数据按消息时间降序排序返回。
+						这是数据的重点，因为页面滚动条和上拉加载历史的问题。
+					 */
+					arr.reverse();
+
+					return arr;
+				}
+
+				// 此处用到 ES6 的 Promise 知识，不懂的请自行学习。
+				return new Promise((done, fail) => {
+					// 无数据请求接口，由 setTimeout 模拟，正式项目替换为 ajax 即可。
+					setTimeout(() => {
+						let data = join();
+						done(data);
+					}, 1500);
+				})
+			},
+			focus() {
+				// this.$nextTick(()=>{
+				//   setTimeout(()=>{
+				//     uni.pageScrollTo({
+				//       scrollTop: 9999999, // 当前位置向下滚动
+				//       duration: 300 // 滚动过渡时间为300ms，默认值为300ms
+				//     });
+				//   }, 0)
+				// })
+			},
+			// 设置页面滚动位置
+			setPageScrollTo(selector) {
+				let view = uni.createSelectorQuery().in(this).select(selector);
+				view.boundingClientRect((res) => {
+					uni.pageScrollTo({
+						scrollTop: res.top - 30, // -30 为多显示出大半个消息的高度，示意上面还有信息。
+						duration: 0
+					});
+				}).exec();
+			},
+			// 隐藏加载提示
+			hideLoadTips(flag) {
+				if (flag) {
+					this.ajax.loadText = '消息获取成功';
+					setTimeout(() => {
+						this.ajax.loading = false;
+					}, 300);
+				} else {
+					this.ajax.loading = true;
+					this.ajax.loadText = '正在获取消息';
+				}
+			},
+			// 关闭连接
+			closeSocketTask() {
+				try {
+					clearInterval(this.timer);
+					this.talkList[this.talkList.length - 1].content = this.c_content + '';
+					// console.log(this.talkList[this.talkList.length - 1].content);
+					// this.c_content = '';
+					// this.n_content = '';
+					this.socketTask.close({
+						code: 500, // APP端存在BUG,正常关闭的code为1000,无法正常关闭,需要将code换为其他值
+						complete: (res) => {
+							this.showStop = false;
+							console.log('主动断开', res);
+							this.wsLiveFlag = false;
+						}
+					})
+				} catch (e) {
+					//TODO handle the exception
+				}
+			},
+			move(e) {
+
+				let that = this;
+				let moveX = this.touchMoveX - e.changedTouches[0].pageX;
+				let moveY = this.touchMoveY - e.changedTouches[0].pageY;
+
+				if (moveX < -110 && -250 < moveX && moveY > -430 && moveY > -420) {
+
+					this.risshow = true
+
+					this.deletespeech()
+				}
+
+			},
+			audiosckt() {
+				this.socketaudio = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: this.audioUrl,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+					}
+				})
+				// 消息的发送和接收必须在正常连接打开中,才能发送或接收【否则会失败】
+				this.socketaudio.onOpen((res) => {
+					console.log("WebSocket连接正常打开中...！");
+
+					//第一帧
+
+
+					let params = {
+						common: {
+							app_id: '2eda6c2e',
+						},
+						business: {
+							language: "zh_cn",
+							domain: "iat",
+							accent: "mandarin",
+							vad_eos: 5000,
+							dwa: "wpgs",
+						},
+						data: {
+							status: 0,
+							format: "audio/L16;rate=16000",
+							encoding: "raw",
+						},
+					};
+
+					this.socketaudio.send({
+						data: JSON.stringify(params),
+						async success(res) {
+							console.log("消息发送成功", '1');
+							that.audioTxt = ''
+						},
+					});
+
+
+
+					//第二帧
+
+					this.handlerInterval = setInterval(() => {
+						// 中间帧
+						console.log(this.audioTxt)
+						let that = this
+						this.socketaudio.send({
+							data: JSON.stringify({
+								data: {
+									status: 1,
+									format: 'audio/L16;rate=16000',
+									encoding: 'raw',
+									audio: this.audioTxt
+								}
+							}),
+							async success(res) {
+								console.log("消息发送成功", that.audioTxt, '2');
+								that.audioTxt = ''
+							},
+						});
+
+						if (this.audioTxt.length === 0) {
+							this.socketaudio.send({
+								data: JSON.stringify({
+									data: {
+										status: 2,
+										format: 'audio/L16;rate=16000',
+										encoding: 'raw',
+										audio: ''
+									}
+								}),
+								async success(res) {
+									console.log("消息发送成功", '3');
+									clearInterval(that.handlerInterval);
+									return false;
+								},
+							});
+
+						};
+					}, 40);
+
+
+					// 注：只有连接正常打开中 ，才能正常成功发送消息
+					// this.socketaudio.send({
+					// 	data: JSON.stringify(params),
+					// 	async success(res) {
+					// 		console.log("消息发送成功", res);
+					// 	},
+					// });
+
+					// 注：只有连接正常打开中 ，才能正常收到消息
+
+				})
+				// 这里仅是事件监听【如果socket关闭了会执行】
+				// this.socketaudio.onClose(() => {
+				// 	console.log("已经被关闭了")
+				// })
+				this.socketaudio.onMessage((res) => {
+					console.log("收到服务器内容：" + res.data);
+				});
+
+			},
+			send1() {
+
+				this.showStop = true;
+				// 将当前发送信息 添加到消息列表。
+				let data = {
+					"id": new Date().getTime(),
+					"content": this.content,
+					"type": 1,
+					"pic": this.avatar
+				}
+				this.TEXT = this.content,
+					this.talkList.push(data);
+				this.talkList.push({
+					"id": new Date().getTime(),
+					"content": '',
+					"type": 2,
+					"pic": this.avatarType
+				});
+				this.n_content = '';
+				this.c_content = '';
+				this.socketing = true;
+				// return ;
+				this.$nextTick(() => {
+					// 清空内容框中的内容
+					this.content = '';
+
+				})
+
+
+				this.sendToSpark1();
+
+			},
+			async sendToSpark1() {
+				this.tempRes = "";
+				let realThis = this;
+				this.socketTask = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: `wss://chat.lihaink.cn/chat?type=${this.wssType}&timestamp=${Date.now()}`,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+						realThis.wsLiveFlag = true;
+					}
+				})
+				realThis.socketTask.onError((res) => {
+					console.log("连接发生错误，请检查appid是否填写", res)
+				})
+				realThis.socketTask.onOpen((res) => {
+
+					this.historyTextList.push({
+						"role": "user",
+						"content": this.TEXT
+					})
+					// 第一帧..........................................
+					console.log('连接成功...')
+
+					if (this.historyTextList.length > 9) this.params = JSON.parse(JSON.stringify(this
+						.historyTextList
+						.splice(-9)));
+					else this.params = JSON.parse(JSON.stringify(this.historyTextList));
+					this.isSurpass();
+					realThis.socketTask.send({ // 发送消息，，都用uni的官方版本
+						data: JSON.stringify(this.params),
+						success() {
+							console.log('第一帧发送成功');
+						}
+					});
+				});
+
+				// 接受到消息时
+				realThis.socketTask.onMessage((res) => {
+					// console.log('收到API返回的内容：', res.data);
+					let obj = JSON.parse(res.data)
+					// console.log("我打印的"+obj.payload);
+					if (!realThis.wsLiveFlag) return;
+					let dataArray = obj.payload.choices.text;
+					for (let i = 0; i < dataArray.length; i++) {
+						this.talkList[this.talkList.length - 1].content += dataArray[i].content;
+						this.n_content = this.talkList[this.talkList.length - 1].content;
+						realThis.tempRes = realThis.tempRes + dataArray[i].content
+					}
+					let temp = JSON.parse(res.data)
+					// console.log("0726",temp.header.code)
+					if (temp.header.code !== 0) {
+						this.socketing = false;
+						console.log(`${temp.header.code}:${temp.message}`);
+						realThis.socketTask.close({
+							success(res) {
+								console.log('关闭成功', res)
+								realThis.wsLiveFlag = false;
+							},
+							fail(err) {
+								console.log('关闭失败', err)
+							}
+						})
+					}
+					if (temp.header.code === 0) {
+						if (res.data && temp.header.status === 2) {
+							this.socketing = false;
+							this.historyTextList.push({
+								"role": "assistant",
+								"content": this.tempRes
+							})
+							setTimeout(() => {
+								let that = this
+								realThis.socketTask.close({
+									success(res) {
+										console.log('关闭成功', res)
+										that.nums = that.talkList.length - 1
+
+										that.txtspeech(that.n_content, that.talkList.length -
+											1)
+
+										realThis.wsLiveFlag = false;
+									},
+									fail(err) {
+										// console.log('关闭失败', err)
+									}
+								})
+							}, 1000)
+						}
+					}
+				})
+
+
+			},
+			// 发送信息
+			send() {
+				if (!this.content) {
+					uni.showToast({
+						title: '请输入有效的内容',
+						icon: 'none'
+					})
+					return;
+				}
+				this.showStop = true;
+				// 将当前发送信息 添加到消息列表。
+				let data = {
+					"id": new Date().getTime(),
+					"content": this.content,
+					"type": 1,
+					"pic": this.avatar
+				}
+				console.log(data);
+				this.TEXT = this.content;
+				this.talkList.push(data);
+				this.talkList.push({
+					"id": new Date().getTime(),
+					"content": '',
+					"type": 2,
+					"pic": this.avatarType
+				});
+				this.n_content = '';
+				this.c_content = '';
+				this.socketing = true;
+				// return ;
+				this.$nextTick(() => {
+					// 清空内容框中的内容
+					this.content = '';
+					// uni.pageScrollTo({
+					//   scrollTop: 999999, // 设置一个超大值，以保证滚动条滚动到底部
+					//   duration: 0
+					// });
+				})
+				this.sendToSpark();
+
+			},
+			async sendToSpark() {
+				this.tempRes = "";
+				let realThis = this;
+				this.socketTask = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: `wss://chat.lihaink.cn/chat?type=${this.wssType}&timestamp=${Date.now()}`,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+						realThis.wsLiveFlag = true;
+					}
+				})
+				realThis.socketTask.onError((res) => {
+					console.log("连接发生错误，请检查appid是否填写", res)
+				})
+				realThis.socketTask.onOpen((res) => {
+					this.historyTextList.push({
+						"role": "user",
+						"content": this.TEXT
+					})
+					// 第一帧..........................................
+					console.log('连接成功...')
+					// let params = {
+					//   "header": {
+					//     "app_id": this.APPID,
+					//     "uid": "aef9f963-7"
+					//   },
+					//   "parameter": {
+					//     "chat": {
+					//       "domain": "generalv2",
+					//       "temperature": 0.5,
+					//       "max_tokens": 1024
+					//     }
+					//   },
+					//   "payload": {
+					//     "message": {
+					//       "text": this.historyTextList
+					//     }
+					//   }
+					// };
+					if (this.historyTextList.length > 9) this.params = JSON.parse(JSON.stringify(this
+						.historyTextList
+						.splice(-9)));
+					else this.params = JSON.parse(JSON.stringify(this.historyTextList));
+					this.isSurpass();
+					realThis.socketTask.send({ // 发送消息，，都用uni的官方版本
+						data: JSON.stringify(this.params),
+						success() {
+							console.log('第一帧发送成功');
+						}
+					});
+				});
+
+				// 接受到消息时
+				realThis.socketTask.onMessage((res) => {
+					// console.log('收到API返回的内容：', res.data);
+					let obj = JSON.parse(res.data)
+					// console.log("我打印的"+obj.payload);
+					if (!realThis.wsLiveFlag) return;
+					let dataArray = obj.payload.choices.text;
+					for (let i = 0; i < dataArray.length; i++) {
+						this.talkList[this.talkList.length - 1].content += dataArray[i].content;
+						this.n_content = this.talkList[this.talkList.length - 1].content;
+						realThis.tempRes = realThis.tempRes + dataArray[i].content
+					}
+					let temp = JSON.parse(res.data)
+					// console.log("0726",temp.header.code)
+					if (temp.header.code !== 0) {
+						this.socketing = false;
+						console.log(`${temp.header.code}:${temp.message}`);
+						realThis.socketTask.close({
+							success(res) {
+								console.log('关闭成功', res)
+								realThis.wsLiveFlag = false;
+							},
+							fail(err) {
+								console.log('关闭失败', err)
+							}
+						})
+					}
+					if (temp.header.code === 0) {
+						if (res.data && temp.header.status === 2) {
+							this.socketing = false;
+							this.historyTextList.push({
+								"role": "assistant",
+								"content": this.tempRes
+							})
+							setTimeout(() => {
+								let that = this
+								realThis.socketTask.close({
+									success(res) {
+										console.log('关闭成功', res)
+										that.nums = that.talkList.length - 1
+
+										that.txtspeech(that.n_content, that.talkList.length -
+											1)
+
+										realThis.wsLiveFlag = false;
+									},
+									fail(err) {
+										// console.log('关闭失败', err)
+									}
+								})
+							}, 1000)
+						}
+					}
+				})
+
+			},
+			// 判断文字是否超过五千字
+			isSurpass() {
+				let sum = this.params.reduce((accumulator, currentValue) => {
+					return accumulator + currentValue.content;
+				}, '');
+				if (sum.length > 5000) {
+					this.params.shift();
+					return this.isSurpass();
+				} else {
+					console.log(`本次发送${sum.length}字`);
+					return sum;
+				}
+			},
+			// 鉴权
+			getWebSocketUrl() {
+				return new Promise((resolve, reject) => {
+					// https://spark-api.xf-yun.com/v1.1/chat  V1.5 domain general
+					// https://spark-api.xf-yun.com/v2.1/chat  V2.0 domain generalv2
+					var url = "wss://spark-api.xf-yun.com/v2.1/chat";
+					var host = "spark-api.xf-yun.com";
+					var apiKeyName = "api_key";
+					var date = new Date().toGMTString();
+					var algorithm = "hmac-sha256";
+					var headers = "host date request-line";
+					var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v2.1/chat HTTP/1.1`;
+					var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, this.APISecret);
+					var signature = CryptoJS.enc.Base64.stringify(signatureSha);
+					var authorizationOrigin =
+						`${apiKeyName}="${this.APIKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`;
+					var authorization = base64.encode(authorizationOrigin);
+					url = `${url}?authorization=${authorization}&date=${encodeURI(date)}&host=${host}`;
+
+					// console.log(url)
+					resolve(url);
+				});
+			},
+			// 滚动到头部
+			bindScroll() {
+				if (this.userId == 0) {
+					this.getHistory();
+					this.getproductInfo();
+					this.getOrderInfo();
+					this.getRefundDetail();
+					this.getStoreDetail();
+				} else {
+					this.getMerHistory();
+				}
+			},
+			// 当滑动页面时,收起键盘,与微信聊天效果保持一致
+			touchmove(e) {
+				uni.hideKeyboard()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "../../lib/global.scss";
+
+	page {
+		// background-color: #f5f5f5;
+		height: 100vh;
+		background: url('@/static/icon/bg1.png');
+		background-size: 100% 100%;
+		background-attachment: fixed;
+		background-repeat: no-repeat;
+		font-size: 28rpx;
+	}
+
+	@keyframes load {
+		0% {
+			height: 10%;
+		}
+
+		50% {
+			height: 100%;
+		}
+
+		100% {
+			height: 10%;
+		}
+	}
+
+	// 取消发送
+	.move_center_footer {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	.bg1 {
+		background-color: #fff !important;
+	}
+
+	.conten-top {
+		width: 100%;
+		padding-top: var(--status-bar-height);
+		padding-bottom: 30rpx;
+		text-align: center;
+		background-color: #fff;
+		position: absolute;
+		top: 0;
+		position: fixed;
+		z-index: 10;
+	}
+
+	.move_center_top {
+		height: 40rpx;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+
+		.move_center_item {
+			display: block;
+			// background: #333333;
+
+			width: 6rpx;
+			height: 10%;
+			margin: 0 6rpx;
+			float: left;
+		}
+
+		.move_center_item:nth-child(1) {
+			animation: load 2.5s 1.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(2) {
+			animation: load 2.5s 1.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(3) {
+			animation: load 2.5s 1s infinite linear;
+		}
+
+		.move_center_item:nth-child(4) {
+			animation: load 2.5s 0.8s infinite linear;
+		}
+
+		.move_center_item:nth-child(5) {
+			animation: load 2.5s 0.6s infinite linear;
+		}
+
+		.move_center_item:nth-child(6) {
+			animation: load 2.5s 0.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(7) {
+			animation: load 2.5s 0.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(8) {
+			animation: load 2.5s 0s infinite linear;
+		}
+
+		.move_center_item:nth-child(9) {
+			animation: load 2.5s 0.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(10) {
+			animation: load 2.5s 0.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(11) {
+			animation: load 2.5s 0.6s infinite linear;
+		}
+
+		.move_center_item:nth-child(12) {
+			animation: load 2.5s 0.8s infinite linear;
+		}
+
+		.move_center_item:nth-child(13) {
+			animation: load 2.5s 1s infinite linear;
+		}
+
+		.move_center_item:nth-child(14) {
+			animation: load 2.5s 1.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(15) {
+			animation: load 2.5s 1.4s infinite linear;
+		}
+
+	}
+
+
+
+	.popup_box {
+		height: 100vh;
+		width: 100vw;
+
+		position: relative;
+
+		// 取消录音区域
+		.move {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			bottom: 550rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			.move_center_clear {
+				width: 40%;
+				height: 200rpx;
+				border-radius: 50rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				// background: rgba(250, 83, 83, .5);
+				background: url('@/static/icon/ai6.png') no-repeat;
+				background-size: 100% 100%;
+
+			}
+
+			.move_center {
+				width: 40%;
+				height: 200rpx;
+				// background: rgba(149, 234, 108, .5);
+				background: url('@/static/icon/ai6.png') no-repeat;
+				background-size: 100% 100%;
+
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+			}
+		}
+
+		.popup_box-con {
+			.popup_box-cona {
+				width: 100%;
+
+				position: absolute;
+				bottom: 288rpx;
+				display: flex;
+				justify-content: space-between;
+				padding: 0 40rpx;
+
+				view {
+					width: 140rpx;
+					height: 140rpx;
+					line-height: 140rpx;
+					border-radius: 50%;
+					text-align: center;
+					font-size: 37rpx;
+					color: #fff;
+					background: rgb(57, 57, 57);
+					margin: 0 auto;
+
+				}
+
+				view:hover {
+					background: #fff !important;
+					color: #333;
+				}
+			}
+
+			.popup_box-conb {
+				width: 100%;
+				height: 244rpx;
+				position: absolute;
+				bottom: 0;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+
+
+	@keyframes blink {
+		0% {
+			opacity: 1;
+		}
+
+		50% {
+			opacity: 0;
+		}
+
+		100% {
+			opacity: 1;
+		}
+	}
+
+	.flex_c {
+		display: flex;
+		justify-content: space-between;
+
+
+		.flex_c_img {
+			width: 62rpx;
+			height: 62rpx;
+			margin-top: 20rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.flex_c_txt {
+			width: 450rpx;
+			margin-top: 15rpx;
+
+			.con {
+				width: 450rpx;
+				height: 70rpx;
+				line-height: 70rpx;
+
+				text-align: center;
+				background: #F5F5F5;
+				border-radius: 10rpx;
+			}
+		}
+	}
+
+	.flex_d {
+		height: 300rpx;
+		padding: 49rpx 50rpx;
+		display: flex;
+
+		view {
+			width: 136rpx;
+			height: 177rpx;
+
+			margin-right: 60rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+	.blinking-box {
+		display: flex;
+
+
+		font-size: 30rpx;
+		font-family: Microsoft YaHei;
+		font-weight: 400;
+		color: #182534;
+
+
+		image {
+			width: 40rpx;
+			height: 40rpx;
+			margin: auto 0;
+			margin-right: 30rpx;
+		}
+
+
+	}
+
+	.wrapper {
+		height: auto !important;
+	}
+
+	.contenta {
+		width: 500rpx;
+		height: 70rpx;
+		background-color: #fff;
+		display: flex;
+		margin-left: 30rpx;
+		margin-top: 10rpx;
+		padding-top: 12rpx;
+
+		.contenta-img {
+			width: 46rpx;
+			height: 46rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+
+			margin-left:34rpx;
+		}
+
+		.contenta-imga {
+			width: 37rpx;
+			height: 39rpx;
+			margin-top: 5rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+
+			margin-left:34rpx;
+		}
+
+		.contenta-ai {
+			width: 48rpx;
+			height: 48rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+
+
+	/* 加载数据提示 */
+	.tips {
+		position: fixed;
+		left: 0;
+		top: var(--window-top);
+		width: 100%;
+		z-index: 9;
+		background-color: rgba(0, 0, 0, 0.15);
+		height: 72rpx;
+		line-height: 72rpx;
+		transform: translateY(-80rpx);
+		transition: transform 0.3s ease-in-out 0s;
+
+		&.show {
+			transform: translateY(0);
+		}
+	}
+
+	.box-1 {
+		width: 100%;
+		height: 100%;
+		// min-height: calc(100vh - 100rpx);
+		padding-bottom: 200rpx;
+		box-sizing: content-box;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-end;
+
+		// /* 兼容iPhoneX */
+		// margin-bottom: 0;
+		// margin-bottom: constant(safe-area-inset-bottom);
+		// margin-bottom: env(safe-area-inset-bottom);
+	}
+
+	.multiline-text {
+		white-space: pre-line;
+		/* 或 white-space: pre-wrap; */
+	}
+
+	.box-2 {
+		position: fixed;
+		left: 0;
+		width: 100%;
+		bottom: 0;
+		height: auto;
+		z-index: 2;
+		border-top: #e5e5e5 solid 1px;
+		box-sizing: content-box;
+		background-color: #fff;
+		transform: translateY(0);
+		/* 初始化 transform 属性 */
+		transition: transform 0.3s ease;
+		/* 添加过渡效果 */
+
+		/* 兼容iPhoneX */
+		padding-bottom: 0;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+
+		>view {
+			padding: 20rpx 20rpx;
+
+		}
+
+		.content {
+			background: #F5F5F5;
+			height: 70rpx;
+			padding: 0 20rpx;
+			border-radius: 6rpx;
+			font-size: 28rpx;
+		}
+
+		.send {
+			background-color: #2573fb;
+			color: #fff;
+			height: 64rpx;
+			margin-left: 20rpx;
+			border-radius: 6rpx;
+			padding: 0;
+			width: 120rpx;
+			line-height: 62rpx;
+
+			&:active {
+				background-color: #1573fb;
+			}
+		}
+	}
+
+	.talk-list {
+		padding-bottom: 20rpx;
+
+		.talk-list-con {
+			width: 714rpx;
+			height: 320rpx;
+			background: #FFFFFF;
+			box-shadow: 5rpx 6rpx 0px 0px rgba(0, 0, 0, 0.02);
+			border-radius: 8rpx;
+
+			margin: 0 auto;
+			margin-top: 50rpx;
+			padding: 36rpx 32rpx;
+
+			.talk-list-con-title {
+				font-size: 32rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #006CFF;
+				margin-bottom: 33rpx;
+			}
+
+			.talk-list-con-title1 {
+				font-size: 28rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #182534;
+				line-height: 48rpx;
+				margin-bottom: 20rpx;
+			}
+
+			.talk-list-con-title2 {
+				display: flex;
+				font-size: 30rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #182534;
+
+				view {
+					display: flex;
+					justify-content: space-between;
+					padding: 0 20rpx;
+					width: 468rpx;
+					height: 70rpx;
+					line-height: 70rpx;
+					text-align: center;
+					background: #E2EDF9;
+					border-radius: 12rpx;
+
+					image {
+						width: 55rpx;
+						height: 55rpx;
+						margin-top: 10rpx;
+					}
+
+				}
+			}
+		}
+
+		/* 消息项，基础类 */
+		.item {
+			padding: 20rpx 20rpx 0 20rpx;
+			align-items: flex-start;
+			align-content: flex-start;
+			color: #333;
+
+			.pic {
+				width: 92rpx;
+				height: 92rpx;
+				border-radius: 50%;
+
+			}
+
+			.content {
+				padding: 20rpx;
+				border-radius: 4px;
+				max-width: 500rpx;
+				word-break: break-all;
+				line-height: 52rpx;
+				position: relative;
+			}
+
+			/* 收到的消息 */
+			&.pull {
+				.content {
+					min-width: 20rpx;
+					min-height: 52rpx;
+					margin-left: 32rpx;
+					background-color: #fff;
+
+					&::after {
+						content: '';
+						display: block;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-right: 20rpx solid #fff;
+						position: absolute;
+						top: 30rpx;
+						left: -18rpx;
+					}
+				}
+			}
+
+			/* 发出的消息 */
+			&.push {
+				/* 主轴为水平方向，起点在右端。使不修改DOM结构，也能改变元素排列顺序 */
+				flex-direction: row-reverse;
+
+				.content {
+					min-width: 20rpx;
+					min-height: 52rpx;
+					margin-right: 32rpx;
+					background-color: #2573fb;
+					color: #fff;
+
+					&::after {
+						content: '';
+						display: block;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-left: 20rpx solid #2573fb;
+						position: absolute;
+						top: 30rpx;
+						right: -18rpx;
+					}
+				}
+			}
+		}
+	}
+
+	.bing-math {
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+
+	.placeholder {
+		width: 100vw;
+		background-color: #1573fb;
+		// background-color: transparent;
+		// transform: translateY(0); /* 初始化 transform 属性 */
+		// transition: transform 0.3s ease; /* 添加过渡效果 */
+	}
+
+	.downsocket {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #2573fb !important;
+		color: #fff !important;
+	}
+</style>
\ No newline at end of file