diff --git a/src/pages/analytics/study.vue b/src/pages/analytics/study.vue
index cd94d9df..71bb9235 100644
--- a/src/pages/analytics/study.vue
+++ b/src/pages/analytics/study.vue
@@ -719,4 +719,11 @@
 			}
 		}
 	}
+	::v-deep .uni-calendar--fixed{
+		bottom: auto;
+		top:0 !important;
+	}
+	::v-deep .uni-calendar__mask{
+    background-color: rgba(0, 0, 0, 0);
+	}
 </style>
\ No newline at end of file
diff --git a/src/pages/charts/index.vue b/src/pages/charts/index.vue
index 06e22078..33665241 100644
--- a/src/pages/charts/index.vue
+++ b/src/pages/charts/index.vue
@@ -243,7 +243,7 @@
 		position: relative;
 		height: 100vh;
 		width: 100vw;
-		overflow: hidden;
+			overflow-y: auto;
 		box-sizing: border-box;
 		padding-top: $top-height;
 
@@ -260,17 +260,24 @@
 
 		.ranking-box {
 			height: calc(100% - $top-height);
-			overflow: hidden;
+			padding-top: 250rpx;
+			// min-height: 600rpx;
+			// overflow: hidden;
 			position: absolute;
 			top: $top-height;
 			width: 100%;
 			z-index: 2;
+			// display: flex;
+			// flex-direction: column;
 		}
 
 		.nav-div {
-			position: relative;
+			position: absolute;
+			top: 0;
 			overflow: hidden;
 			height: 70rpx;
+			z-index: 20;
+			width: 100%;
 
 			.back_div {
 				margin-right: 10rpx;
@@ -307,8 +314,11 @@
 
 		.title-view {
 			height: 180rpx;
-			position: relative;
+			position: absolute;
+			top: 0;
 			padding-top: 20rpx;
+			z-index: 10;
+			width: 100%;
 
 			.cup-image {
 				position: absolute;
@@ -316,7 +326,7 @@
 				bottom: -33rpx;
 				width: 208rpx;
 				height: 208rpx;
-				z-index: 0;
+				z-index: 11;
 			}
 
 			.title-desc {
@@ -331,11 +341,14 @@
 				position: absolute;
 				bottom: 20rpx;
 				left: 46rpx;
+				z-index: 12;
 			}
 		}
 
 		.ranking-body {
-			height: calc(100% - 170rpx - 180rpx - 70rpx);
+			height: calc(100% - 170rpx);
+			min-height: 550rpx;
+			// flex: 1;
 			overflow: hidden;
 			background-color: #fff;
 			border-radius: 31rpx 31rpx 0 0;
diff --git a/src/pages/course/components/touchBtn.vue b/src/pages/course/components/touchBtn.vue
index 3bd0a45c..67859f18 100644
--- a/src/pages/course/components/touchBtn.vue
+++ b/src/pages/course/components/touchBtn.vue
@@ -496,38 +496,31 @@
 
 		.touch-btn {
 			height: 92rpx;
-			box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
+			// box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
 			text-align: center;
 			line-height: 92rpx;
-			font-size: 28rpx;
-			color: #000;
+			background-color: #06f;
 			font-weight: 400;
 			position: relative;
+			color: #fff;
+			font-size: 29rpx;
+			border-radius: 23rpx;
 
-			.input-box {
+			.center-text {
+				height: 35rpx;
+				line-height: 35rpx;
 				width: 100%;
-				height: 92rpx;
-				line-height: 92rpx;
-				text-align: left;
-				box-sizing: border-box;
-				padding: 0 40rpx 0 40rpx;
-			}
-		}
-
-		.talk-btn-box {
-			position: absolute;
-			height: 100%;
-			width: 120rpx;
-			right: 0;
-			top: 0;
-
-			.talk-btn-icon {
-				width: 40rpx;
-				height: 40rpx;
 				position: absolute;
-				right: 60rpx;
 				top: 50%;
-				margin-top: -20rpx;
+				transform: translateY(-50%);
+				display: flex;
+				justify-content: center;
+			}
+
+			.type-icon {
+				width: 35rpx;
+				height: 35rpx;
+				margin-right: 10rpx;
 			}
 		}
 	}
@@ -538,12 +531,16 @@
 		// justify-content: flex-end;
 		width: 100%;
 		height: 100%;
+		pointer-events: none;
+		max-height: 100vh;
+		justify-content: space-between;
 
 		.circle-bg-box {
 			height: 234rpx;
 			background: url(@/static/images/course/talking.png) no-repeat;
 			background-size: cover;
 			position: relative;
+			pointer-events: none;
 
 			.icon-box {
 				position: absolute;
@@ -553,10 +550,12 @@
 				margin-top: -24rpx;
 				width: 34rpx;
 				height: 48rpx;
+				pointer-events: none;
 
 				image {
 					width: 100%;
 					height: 100%;
+					pointer-events: none;
 				}
 			}
 		}
@@ -564,30 +563,40 @@
 		.tips-box {
 			height: 40rpx;
 			line-height: 40rpx;
+			font-size: 28rpx;
 			color: #c0c0c0;
 			text-align: center;
 			margin: 12rpx 0 24rpx;
+			pointer-events: none;
 		}
 
 		.btns-box {
 			height: 270rpx;
 			// padding: 0 120rpx;
 			width: 154rpx;
-			margin: 0 auto 100rpx;
+			margin: 0 auto;
 			overflow: hidden;
 			font-size: 28rpx;
 			text-align: center;
 			line-height: 116rpx;
-
+			pointer-events: none;
+			display: flex;
 			.close-btn {
+				padding-top: 40rpx;
+				line-height: 28rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 				float: left;
 				height: 100%;
-				width: 154rpx;
+				width: 100%;
 				overflow: hidden;
 				color: #999;
+				pointer-events: none;
 
 				&.is-out {
 					color: #fff;
+					pointer-events: none;
 				}
 			}
 
@@ -597,11 +606,14 @@
 				width: 154rpx;
 				overflow: hidden;
 				color: #999;
+				pointer-events: none;
 			}
 
 			.btn-box {
 				width: 100%;
-				height: 154rpx;
+				max-height: 152rpx;
+				pointer-events: none;
+				margin: 0 auto;
 			}
 		}
 
@@ -612,6 +624,7 @@
 			background-color: #06f;
 			border-radius: 32rpx;
 			position: relative;
+			pointer-events: none;
 
 			&.is-out {
 				background-color: #ff3e49;
@@ -628,6 +641,7 @@
 				left: 50%;
 				top: 50%;
 				transform: translate(-50%, -50%);
+				pointer-events: none;
 			}
 
 			&::after {
@@ -641,38 +655,201 @@
 				bottom: -22rpx;
 				left: 50%;
 				margin-left: -22rpx;
-			}
-		}
-
-		.white-bg-box {
-			height: 365rpx;
-			background-color: #fff;
-			overflow: hidden;
-			border-radius: 32rpx 32rpx 0 0;
-			padding: 58rpx 36rpx;
-
-			.box-title {
-				font-size: 32rpx;
-				font-weight: bold;
-				line-height: 46rpx;
-				margin-bottom: 46rpx;
-			}
-
-			.box-btns {
-				height: 46rpx;
-				line-height: 46rpx;
-				display: flex;
-				justify-content: space-between;
-				color: #999;
-
-				.is-active {
-					color: #06f;
-				}
+				pointer-events: none;
 			}
 		}
 	}
-
 	::v-deep .uv-input__content__field-wrapper__field {
 		padding-right: 60rpx;
 	}
+</style>
+<style lang="scss" scoped>
+	// .talk-btns {
+	// 	height: 150rpx;
+	// 	background-color: #fff;
+	// 	padding: 25rpx 30rpx 0;
+	// 	position: relative;
+	// 	z-index: v-bind(btnZindex);
+
+	// 	.touch-btn {
+	// 		height: 92rpx;
+	// 		box-shadow: 0 8rpx 20rpx 0 rgba(0, 0, 0, 0.06);
+	// 		text-align: center;
+	// 		line-height: 92rpx;
+	// 		font-size: 28rpx;
+	// 		color: #000;
+	// 		font-weight: 400;
+	// 		position: relative;
+
+	// 		.input-box {
+	// 			width: 100%;
+	// 			height: 92rpx;
+	// 			line-height: 92rpx;
+	// 			text-align: left;
+	// 			box-sizing: border-box;
+	// 			padding: 0 40rpx 0 40rpx;
+	// 		}
+	// 	}
+
+	// 	.talk-btn-box {
+	// 		position: absolute;
+	// 		height: 100%;
+	// 		width: 120rpx;
+	// 		right: 0;
+	// 		top: 0;
+
+	// 		.talk-btn-icon {
+	// 			width: 40rpx;
+	// 			height: 40rpx;
+	// 			position: absolute;
+	// 			right: 60rpx;
+	// 			top: 50%;
+	// 			margin-top: -20rpx;
+	// 		}
+	// 	}
+	// }
+
+	// .overlay-box {
+	// 	display: flex;
+	// 	flex-direction: column-reverse;
+	// 	// justify-content: flex-end;
+	// 	width: 100%;
+	// 	height: 100%;
+
+	// 	.circle-bg-box {
+	// 		height: 234rpx;
+	// 		background: url(@/static/images/course/talking.png) no-repeat;
+	// 		background-size: cover;
+	// 		position: relative;
+
+	// 		.icon-box {
+	// 			position: absolute;
+	// 			left: 50%;
+	// 			top: 50%;
+	// 			margin-left: -17rpx;
+	// 			margin-top: -24rpx;
+	// 			width: 34rpx;
+	// 			height: 48rpx;
+
+	// 			image {
+	// 				width: 100%;
+	// 				height: 100%;
+	// 			}
+	// 		}
+	// 	}
+
+	// 	.tips-box {
+	// 		height: 40rpx;
+	// 		line-height: 40rpx;
+	// 		color: #c0c0c0;
+	// 		text-align: center;
+	// 		margin: 12rpx 0 24rpx;
+	// 	}
+
+	// 	.btns-box {
+	// 		height: 270rpx;
+	// 		// padding: 0 120rpx;
+	// 		width: 154rpx;
+	// 		margin: 0 auto 100rpx;
+	// 		overflow: hidden;
+	// 		font-size: 28rpx;
+	// 		text-align: center;
+	// 		line-height: 116rpx;
+
+	// 		.close-btn {
+	// 			float: left;
+	// 			height: 100%;
+	// 			width: 154rpx;
+	// 			overflow: hidden;
+	// 			color: #999;
+
+	// 			&.is-out {
+	// 				color: #fff;
+	// 			}
+	// 		}
+
+	// 		.translate-btn {
+	// 			float: right;
+	// 			height: 100%;
+	// 			width: 154rpx;
+	// 			overflow: hidden;
+	// 			color: #999;
+	// 		}
+
+	// 		.btn-box {
+	// 			width: 100%;
+	// 			height: 154rpx;
+	// 		}
+	// 	}
+
+	// 	.talk-dialog {
+	// 		width: 506rpx;
+	// 		height: 234rpx;
+	// 		margin: 0 auto;
+	// 		background-color: #06f;
+	// 		border-radius: 32rpx;
+	// 		position: relative;
+
+	// 		&.is-out {
+	// 			background-color: #ff3e49;
+
+	// 			&::after {
+	// 				background-color: #ff3e49;
+	// 			}
+	// 		}
+
+	// 		.gif-box {
+	// 			position: absolute;
+	// 			width: 200rpx;
+	// 			height: 80rpx;
+	// 			left: 50%;
+	// 			top: 50%;
+	// 			transform: translate(-50%, -50%);
+	// 		}
+
+	// 		&::after {
+	// 			content: '';
+	// 			width: 44rpx;
+	// 			height: 44rpx;
+	// 			clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+	// 			background-color: #06f;
+	// 			overflow: hidden;
+	// 			position: absolute;
+	// 			bottom: -22rpx;
+	// 			left: 50%;
+	// 			margin-left: -22rpx;
+	// 		}
+	// 	}
+
+	// 	.white-bg-box {
+	// 		height: 365rpx;
+	// 		background-color: #fff;
+	// 		overflow: hidden;
+	// 		border-radius: 32rpx 32rpx 0 0;
+	// 		padding: 58rpx 36rpx;
+
+	// 		.box-title {
+	// 			font-size: 32rpx;
+	// 			font-weight: bold;
+	// 			line-height: 46rpx;
+	// 			margin-bottom: 46rpx;
+	// 		}
+
+	// 		.box-btns {
+	// 			height: 46rpx;
+	// 			line-height: 46rpx;
+	// 			display: flex;
+	// 			justify-content: space-between;
+	// 			color: #999;
+
+	// 			.is-active {
+	// 				color: #06f;
+	// 			}
+	// 		}
+	// 	}
+	// }
+
+	// ::v-deep .uv-input__content__field-wrapper__field {
+	// 	padding-right: 60rpx;
+	// }
 </style>
\ No newline at end of file
diff --git a/src/pages/sparring/components/card-swiper.vue b/src/pages/sparring/components/card-swiper.vue
index 44d157b0..3bcce926 100644
--- a/src/pages/sparring/components/card-swiper.vue
+++ b/src/pages/sparring/components/card-swiper.vue
@@ -227,9 +227,10 @@
 			}
 		}
 		.card-items{
-			padding: 0 24rpx;
-			height: calc(100% - 352rpx);
-			overflow-y: auto;
+			padding: 0 24rpx ;
+			// height: calc(100% - 352rpx);
+			overflow: hidden;
+			// overflow-y: auto;
 		}
 		.card-item {
 			width: 100%;
diff --git a/src/pages/sparring/components/touchBtn.vue b/src/pages/sparring/components/touchBtn.vue
index 2cc77294..5b6baf85 100644
--- a/src/pages/sparring/components/touchBtn.vue
+++ b/src/pages/sparring/components/touchBtn.vue
@@ -22,9 +22,9 @@
 				<view class="tips-box">松开发送</view>
 				<view class="btns-box">
 					<view :class="['close-btn', isOut ? 'is-out' : '']">
-						取消
-						<image class="btn-box" v-if="!isOut" src="/src/static/images/course/close.png" mode=""></image>
-						<image class="btn-box" v-else src="/src/static/images/course/close-active.png" mode=""></image>
+						<text>取消</text>
+						<image class="btn-box" v-if="!isOut" src="/src/static/images/course/close.png" mode="heightFix"></image>
+						<image class="btn-box" v-else src="/src/static/images/course/close-active.png" mode="heightFix"></image>
 					</view>
 				</view>
 				<view :class="['talk-dialog', isOut ? 'is-out' : '']">
@@ -250,7 +250,10 @@
 	// #endif
 	//#ifndef APP-PLUS
 	const recordObjCom = ref({});
-	const initRecord = () => {};
+	const initRecord = () => {
+		
+			// talkModelRef.value.open()
+	};
 	// #endif
 	onMounted(async () => {
 		initRecord?.();
@@ -484,6 +487,8 @@
 		width: 100%;
 		height: 100%;
 		pointer-events: none;
+		max-height: 100vh;
+		justify-content: space-between;
 
 		.circle-bg-box {
 			height: 234rpx;
@@ -513,6 +518,7 @@
 		.tips-box {
 			height: 40rpx;
 			line-height: 40rpx;
+			font-size: 28rpx;
 			color: #c0c0c0;
 			text-align: center;
 			margin: 12rpx 0 24rpx;
@@ -523,17 +529,22 @@
 			height: 270rpx;
 			// padding: 0 120rpx;
 			width: 154rpx;
-			margin: 0 auto 100rpx;
+			margin: 0 auto;
 			overflow: hidden;
 			font-size: 28rpx;
 			text-align: center;
 			line-height: 116rpx;
 			pointer-events: none;
-
+			display: flex;
 			.close-btn {
+				padding-top: 40rpx;
+				line-height: 28rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 				float: left;
 				height: 100%;
-				width: 154rpx;
+				width: 100%;
 				overflow: hidden;
 				color: #999;
 				pointer-events: none;
@@ -555,8 +566,9 @@
 
 			.btn-box {
 				width: 100%;
-				height: 154rpx;
+				max-height: 152rpx;
 				pointer-events: none;
+				margin: 0 auto;
 			}
 		}
 
@@ -602,7 +614,6 @@
 			}
 		}
 	}
-
 	::v-deep .uv-input__content__field-wrapper__field {
 		padding-right: 60rpx;
 	}
diff --git a/src/pages/sparring/tip.vue b/src/pages/sparring/tip.vue
index 9fcd7cbe..68bde947 100644
--- a/src/pages/sparring/tip.vue
+++ b/src/pages/sparring/tip.vue
@@ -1,1027 +1,952 @@
 <template>
-	<view class="sparring-detail max_page">
-		<view class="sparring-detail-loading" v-show="showLoading">
-			<view class="loading-img"></view>
-		</view>
-		<view class="sparring-detail-body">
-			<view class="top-box">
-				<view class="top-title">
-					<view class="back-icon" @click="goBack()"></view>
-					{{ detailInfo.traName }}
-				</view>
-				<view class="top-desc">内容由AI生成</view>
-			</view>
-			<scroll-view
-				:class="[' body-content index-dialog-body', detailInfo.traInterTyp === '01' ? 'talking-type1' : '']"
-				:scroll-y="true"
-				refresher-default-style="none"
-				:scroll-top="scrollTop"
-				:show-scrollbar="false"
-				:scroll-with-animation="false"
-			>
-				<view :class="['body-content-role', showRoleInfo ? '' : 'hide-info']">
-					<view :class="['role-title']">
-						<ImagePreview class="role-title-avatar" :src="detailInfo.ossAddr" :isCache="true"></ImagePreview>
-						<view class="role-title-info" @click="showRoleInfo = !showRoleInfo">
-							<view class="arrow-r-icon"></view>
-							<view class="role-name card-title">
-								<text class="card-title-name">{{ detailInfo.chaName }}</text>
-								<text class="card-title-age">{{ detailInfo.chaAge }}岁</text>
-								<text class="card-title-img">
-									<image
-										class="card-title-icon"
-										v-if="detailInfo.gender === 'm' || detailInfo.gender === '01'"
-										src="@/static/images/me/man.png"
-									></image>
-									<image
-										class="card-title-icon"
-										v-if="detailInfo.gender === 'f' || detailInfo.gender === '02'"
-										src="@/static/images/me/wuman.png"
-									></image>
-								</text>
-							</view>
-							<view class="role-desc">
-								预计时长： {{ detailInfo.traStartLimit }} ~ {{ detailInfo.traEndLimit }} 分钟
-							</view>
-						</view>
-					</view>
-					<view class="role-content">
-						<view class="role-content-item">
-							<!-- 身份情况 -->
-							{{ detailInfo.occupation }}
-						</view>
-						<view class="role-content-item">
-							<!-- 性格特点 -->
-							{{ detailInfo.personality }}
-						</view>
-						<view class="role-content-item">
-							<!-- 提问思路 -->
-							{{ detailInfo.thoughtProcess }}
-						</view>
-						<view class="role-content-item">
-							<!-- 人物描述 -->
-							{{ detailInfo.chaDesc }}
-						</view>
-					</view>
-				</view>
-				<view class="body-scene">
-					<view class="body-scene-title">场景描述</view>
-					<!-- sceneDesc -->
-					{{ detailInfo.sceneDesc }}
-				</view>
-				<view class="talking-desc">
-					陪练角色不具备主动终止场景陪练的功能，当用户完成预设陪练目标时，需由用户手动发起结束陪练操作。
-				</view>
-				<view class="talking-box" v-if="detailInfo.traInterTyp !== '01'">
-					<view class="tip-text">-请点击下方按钮开始{{ detailInfo.traInterTypDesc }}</view>
-				</view>
-				<view class="talking-box" v-else>
-					<TalkingItem
-						v-for="(item, index) in talkingList"
-						:talkingType="item.type"
-						:talkingInfo="item"
-						:roleInfo="detailInfo"
-						:traId="traId"
-						:execId="execId"
-						:isExam="talkingType === '02'"
-						:isLast="index + 1 === talkingList.length"
-						:isAnswering="!answerIsOver"
-						:activeVoiceId="activeVoiceTalkingItemId"
-						@handleEvents="talkItemEvents"
-					></TalkingItem>
-				</view>
-			</scroll-view>
-			<view class="over-btn-box" v-if="detailInfo.traInterTyp === '01'">
-				<view class="over-btn" @click="overTalking">结束陪练</view>
-			</view>
-			<TouchBtn
-				class="body-bottom"
-				@uploadVoice="uploadRecordNow"
-				@startRecord="changePlayItemId('')"
-				:isLoading="!answerIsOver"
-				:isDisabled="false"
-				v-if="detailInfo.traInterTyp === '01'"
-			/>
-			<view class="body-bottom" v-else>
-				<view class="body-bottom-btn" @click="beforeToTalking">
-					<view class="center-text">
-						<image
-							class="type-icon"
-							src="@/static/images/sparring/video-icon.png"
-							v-if="detailInfo.traInterTyp === '03'"
-						></image>
-						<image
-							class="type-icon"
-							src="@/static/images/sparring/phone-icon.png"
-							v-else-if="detailInfo.traInterTyp === '02'"
-						></image>
-						<image v-else class="type-icon" src="@/static/images/sparring/talk-icon.png"></image>
-						{{ detailInfo.traInterTypDesc }}
-					</view>
-				</view>
-			</view>
-		</view>
-		<badge ref="badgeRef"></badge>
-		<points ref="pointsRef"></points>
-	</view>
+  <view class="sparring-detail max_page">
+    <view class="sparring-detail-loading" v-show="showLoading">
+      <view class="loading-img"></view>
+    </view>
+    <view class="sparring-detail-body">
+      <view class="top-box">
+        <view class="top-title">
+          <view class="back-icon" @click="goBack()"></view>
+          {{ detailInfo.traName }}
+        </view>
+        <view class="top-desc">内容由AI生成</view>
+      </view>
+      <scroll-view :class="[' body-content index-dialog-body', detailInfo.traInterTyp === '01' ? 'talking-type1' : '']" :scroll-y="true" refresher-default-style="none" :scroll-top="scrollTop" :show-scrollbar="false" :scroll-with-animation="false">
+        <view :class="['body-content-role', showRoleInfo ? '' : 'hide-info']">
+          <view :class="['role-title']">
+            <ImagePreview class="role-title-avatar" :src="detailInfo.ossAddr" :isCache="true"></ImagePreview>
+            <view class="role-title-info" @click="showRoleInfo = !showRoleInfo">
+              <view class="arrow-r-icon"></view>
+              <view class="role-name card-title">
+                <text class="card-title-name">{{ detailInfo.chaName }}</text>
+                <text class="card-title-age">{{ detailInfo.chaAge }}岁</text>
+                <text class="card-title-img">
+                  <image class="card-title-icon" v-if="detailInfo.gender === 'm' || detailInfo.gender === '01'" src="@/static/images/me/man.png"></image>
+                  <image class="card-title-icon" v-if="detailInfo.gender === 'f' || detailInfo.gender === '02'" src="@/static/images/me/wuman.png"></image>
+                </text>
+              </view>
+              <view class="role-desc"> 预计时长： {{ detailInfo.traStartLimit }} ~ {{ detailInfo.traEndLimit }} 分钟 </view>
+            </view>
+          </view>
+          <view class="role-content">
+            <view class="role-content-item">
+              <!-- 身份情况 -->
+              {{ detailInfo.occupation }}
+            </view>
+            <view class="role-content-item">
+              <!-- 性格特点 -->
+              {{ detailInfo.personality }}
+            </view>
+            <view class="role-content-item">
+              <!-- 提问思路 -->
+              {{ detailInfo.thoughtProcess }}
+            </view>
+            <view class="role-content-item">
+              <!-- 人物描述 -->
+              {{ detailInfo.chaDesc }}
+            </view>
+          </view>
+        </view>
+        <view class="body-scene">
+          <view class="body-scene-title">场景描述</view>
+          <!-- sceneDesc -->
+          {{ detailInfo.sceneDesc }}
+        </view>
+        <view class="talking-desc"> 陪练角色不具备主动终止场景陪练的功能，当用户完成预设陪练目标时，需由用户手动发起结束陪练操作。 </view>
+        <view class="talking-box" v-if="detailInfo.traInterTyp !== '01'">
+          <view class="tip-text">-请点击下方按钮开始{{ detailInfo.traInterTypDesc }}</view>
+        </view>
+        <view class="talking-box" v-else>
+          <TalkingItem
+            v-for="(item, index) in talkingList"
+            :talkingType="item.type"
+            :talkingInfo="item"
+            :roleInfo="detailInfo"
+            :traId="traId"
+            :execId="execId"
+            :isExam="talkingType === '02'"
+            :isLast="index + 1 === talkingList.length"
+            :isAnswering="!answerIsOver"
+            :activeVoiceId="activeVoiceTalkingItemId"
+            @handleEvents="talkItemEvents"></TalkingItem>
+        </view>
+      </scroll-view>
+      <view class="over-btn-box" v-if="detailInfo.traInterTyp === '01'">
+        <view class="over-btn" @click="overTalking">结束陪练</view>
+      </view>
+      <TouchBtn class="body-bottom" @uploadVoice="uploadRecordNow" @startRecord="changePlayItemId('')" formatType="wav" :isLoading="!answerIsOver" :isDisabled="false" v-if="detailInfo.traInterTyp === '01'" />
+      <view class="body-bottom" v-else>
+        <view class="body-bottom-btn" @click="beforeToTalking">
+          <view class="center-text">
+            <image class="type-icon" src="@/static/images/sparring/video-icon.png" v-if="detailInfo.traInterTyp === '03'"></image>
+            <image class="type-icon" src="@/static/images/sparring/phone-icon.png" v-else-if="detailInfo.traInterTyp === '02'"></image>
+            <image v-else class="type-icon" src="@/static/images/sparring/talk-icon.png"></image>
+            {{ detailInfo.traInterTypDesc }}
+          </view>
+        </view>
+      </view>
+    </view>
+    <badge ref="badgeRef"></badge>
+    <points ref="pointsRef"></points>
+  </view>
 </template>
 
 <script setup>
-	import { ref, unref, onMounted, computed, nextTick } from 'vue';
-	import { onShow, onHide, onLoad, onUnload, onLaunch, onBackPress } from '@dcloudio/uni-app';
-	import common from '@/common/common';
-	import { getPhoneEnvBool } from '@/common/common';
-	import TouchBtn from './components/touchBtn.vue';
-	import ImagePreview from '@/components/image-preview/image-preview.vue';
-	import { commonUploadVoiceFile } from '@/api/common.js';
-	import { queryTraPartnerCharacterInfoById, partnerChatReportTrigger, checkTraPartnerInfoById } from '@/api/sparring.js';
-	import { useSocketStore } from '@/store/socket.js';
-	import { useStorageStore } from '@/store/storage.js';
-	import { storeToRefs } from 'pinia';
-	import TalkingItem from './components/talking-item.vue';
-	import badge from '@/components/points-and-badge/badge';
-	import points from '@/components/points-and-badge/points';
-	import usePointsAndBadge from '@/components/points-and-badge/usePointsAndBadge';
+import { ref, unref, onMounted, computed, nextTick } from 'vue'
+import { onShow, onHide, onLoad, onUnload, onLaunch, onBackPress } from '@dcloudio/uni-app'
+import common from '@/common/common'
+import { getPhoneEnvBool } from '@/common/common'
+import TouchBtn from './components/touchBtn.vue'
+import ImagePreview from '@/components/image-preview/image-preview.vue'
+import { commonUploadVoiceFile } from '@/api/common.js'
+import { queryTraPartnerCharacterInfoById, partnerChatReportTrigger, checkTraPartnerInfoById } from '@/api/sparring.js'
+import { useSocketStore } from '@/store/socket.js'
+import { useStorageStore } from '@/store/storage.js'
+import { storeToRefs } from 'pinia'
+import TalkingItem from './components/talking-item.vue'
+import badge from '@/components/points-and-badge/badge'
+import points from '@/components/points-and-badge/points'
+import usePointsAndBadge from '@/components/points-and-badge/usePointsAndBadge'
 
-	import { initRecord } from '@/composables/useExamSubject.js';
-	import permissionApi from '@/common/permission';
-	const { pointAndBadgesRun, badgeRef, pointsRef } = usePointsAndBadge();
-	const socketStore = useSocketStore();
-	const { SocketObj } = storeToRefs(socketStore);
+import { initRecord } from '@/composables/useExamSubject.js'
+import permissionApi from '@/common/permission'
+const { pointAndBadgesRun, badgeRef, pointsRef } = usePointsAndBadge()
+const socketStore = useSocketStore()
+const { SocketObj } = storeToRefs(socketStore)
 
-	const traId = ref('');
-	const chaId = ref('');
-	const talkingType = ref('');
-	// const badgeRef = ref(null);
-	// const pointsRef = ref(null);
-	const isPreview = ref(false);
-	const detailInfo = ref({});
-	const currentIndex = ref(0);
-	const showRoleInfo = ref(false);
-	const showLoading = ref(true);
-	const talkingList = ref([]);
-	// {
-	// 					type: 'answer',
-	// 					talkingText: 'asad我是回答内容',
-	// 					isLoading: false,
-	// 					id: new Date().getTime(),
-	// 				},
-	const askData = ref({});
-	const execId = ref('');
-	const answerIsOver = ref(true);
+const traId = ref('')
+const chaId = ref('')
+const talkingType = ref('')
+// const badgeRef = ref(null);
+// const pointsRef = ref(null);
+const isPreview = ref(false)
+const detailInfo = ref({})
+const currentIndex = ref(0)
+const showRoleInfo = ref(false)
+const showLoading = ref(true)
+const talkingList = ref([])
+// {
+// 					type: 'answer',
+// 					talkingText: 'asad我是回答内容',
+// 					isLoading: false,
+// 					id: new Date().getTime(),
+// 				},
+const askData = ref({})
+const execId = ref('')
+const answerIsOver = ref(true)
 
-	const getDetailInfo = () => {
-		queryTraPartnerCharacterInfoById({
-			traId: traId.value,
-			chaId: chaId.value
-		}).then((res) => {
-			console.log(res);
-			detailInfo.value = {
-				...res.body
-			};
-			if (detailInfo.value.traInterTyp === '01') {
-				initsocketTask();
-			}
-			setTimeout(() => {
-				showLoading.value = false;
-			}, Math.random() * 1000 + 500);
-		});
-	};
-	const scrollTop = ref(99999);
-	const scrollToBottomNow = (time = 100) => {
-		nextTick(() => {
-			setTimeout(() => {
-				scrollTop.value += 100;
-				scrollTop.value += 100;
-			}, time);
-		});
-	};
-	const uploadRecordNow = (voicePath, voiceTime) => {
-		console.log(voicePath, voiceTime);
-		if (!execId.value) {
-			common.show('提示', '网络连接失败，请重新加载', false).then((res) => {
-				if (res) {
-					common.redirectTo(
-						'/pages/sparring/tip?traId=' +
-							traId.value +
-							'&chaId=' +
-							chaId.value +
-							'&type=' +
-							talkingType.value +
-							'&isPreview=' +
-							(isPreview.value ? '1' : '')
-					);
-				}
-			});
-			return;
-		}
-		//#ifndef APP-PLUS
-		// h5 假数据
-		// #endif
-		//#ifdef APP-PLUS
-		talkingList.value.push({
-			type: 'question',
-			talkingText: '',
-			isLoading: true
-		});
-		scrollToBottomNow();
-		// 设为提问中状态
-		answerIsOver.value = false;
-		commonUploadVoiceFile(voicePath, '/trapractice/traPartnerChat/voiceTrans', {})
-			.then((_res) => {
-				if (!!(_res.body.transContent || '').trim()) {
-					askData.value = {
-						execId: execId.value,
-						intrctWay: '02', //01-文本；02-语音；03-图片
-						intrctContent: _res.body.transContent,
-						fileId: _res.body.fileId,
-						ossFileAddr: _res.body.ossFileAddr,
-						talkingVoice: voicePath,
-						voiceTime: voiceTime
-					};
-					sendMessage({
-						commond: 'ASK',
-						body: askData.value
-					});
-				} else {
-					answerIsOver.value = true;
-					talkingList.value.pop();
-					uni.showToast({
-						title: '未识别到文字',
-						icon: 'none',
-						duration: 1000
-					});
-				}
-			})
-			.catch((err) => {
-				answerIsOver.value = true;
-				talkingList.value.pop();
-				uni.showToast({
-					title: '系统异常，请联系管理员',
-					icon: 'none',
-					duration: 1000
-				});
-			});
-		// #endif
-	};
-	const beforeToTalking = () => {
-		if (isPreview.value) {
-			toTalking();
-			return;
-		}
-		checkTraPartnerInfoById({
-			traId: traId.value
-		}).then((res) => {
-			if (res.body.inRange) {
-				toTalking();
-			} else {
-				common.show('提示', res.body.message, false);
-			}
-		});
-	};
-	const toTalking = async () => {
-		try {
-			//#ifdef APP-PLUS
-			console.log('申请权限');
-			try {
-				await permissionApi.judgeIosPermission('record');
-				if (detailInfo.value.traInterTyp === '03') {
-					await permissionApi.judgeIosPermission('camera');
-				}
-			} catch (e) {
-				console.error('摄像头或者麦克风权限申请失败：', e);
-				return;
-			}
-			//#endif
-			common.setPageCache('tipMsgsceneDesc', {
-				ossAddr: detailInfo.value.ossAddr,
-				chaName: detailInfo.value.chaName,
-				traInterTyp: detailInfo.value.traInterTyp,
-				traInterTypDesc: detailInfo.value.traInterTypDesc
-			});
-			let _gotUrl;
-			if (detailInfo.value.traInterTyp === '02') {
-				_gotUrl = '/pages/sparring/talk';
-			} else if (detailInfo.value.traInterTyp === '03') {
-				_gotUrl = '/pages/sparring/talk'; // 没改好，暂时跳到一个页
-			}
-			common.redirectTo(
-				_gotUrl +
-					'?traId=' +
-					traId.value +
-					'&chaId=' +
-					chaId.value +
-					'&type=' +
-					talkingType.value +
-					'&traInterTyp=' +
-					detailInfo.value.traInterTyp +
-					'&isPreview=' +
-					(isPreview.value ? '1' : '0')
-			);
-		} catch (err) {
-			console.error('申请权限失败');
-		}
-	};
-	const activeVoiceTalkingItemId = ref('');
-	// 关闭播放状态
-	const changePlayItemId = (id = '') => {
-		activeVoiceTalkingItemId.value = id;
-	};
+const getDetailInfo = () => {
+  queryTraPartnerCharacterInfoById({
+    traId: traId.value,
+    chaId: chaId.value
+  }).then(res => {
+    console.log(res)
+    detailInfo.value = {
+      ...res.body
+    }
+    if (detailInfo.value.traInterTyp === '01') {
+      initsocketTask()
+    }
+    setTimeout(() => {
+      showLoading.value = false
+    }, Math.random() * 1000 + 500)
+  })
+}
+const scrollTop = ref(99999)
+const scrollToBottomNow = (time = 100) => {
+  nextTick(() => {
+    setTimeout(() => {
+      scrollTop.value += 100
+      scrollTop.value += 100
+    }, time)
+  })
+}
+const uploadRecordNow = (voicePath, voiceTime) => {
+  console.log(voicePath, voiceTime)
+  if (!execId.value) {
+    common.show('提示', '网络连接失败，请重新加载', false).then(res => {
+      if (res) {
+        common.redirectTo('/pages/sparring/tip?traId=' + traId.value + '&chaId=' + chaId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ? '1' : ''))
+      }
+    })
+    return
+  }
+  //#ifndef APP-PLUS
+  // h5 假数据
+  // #endif
+  //#ifdef APP-PLUS
+  talkingList.value.push({
+    type: 'question',
+    talkingText: '',
+    isLoading: true
+  })
+  scrollToBottomNow()
+  // 设为提问中状态
+  answerIsOver.value = false
+  commonUploadVoiceFile(voicePath, '/trapractice/traPartnerChat/voiceTrans', {})
+    .then(_res => {
+      if (!!(_res.body.transContent || '').trim()) {
+        askData.value = {
+          execId: execId.value,
+          intrctWay: '02', //01-文本；02-语音；03-图片
+          intrctContent: _res.body.transContent,
+          fileId: _res.body.fileId,
+          ossFileAddr: _res.body.ossFileAddr,
+          talkingVoice: voicePath,
+          voiceTime: voiceTime
+        }
+        sendMessage({
+          commond: 'ASK',
+          body: askData.value
+        })
+      } else {
+        answerIsOver.value = true
+        talkingList.value.pop()
+        uni.showToast({
+          title: '未识别到文字',
+          icon: 'none',
+          duration: 1000
+        })
+      }
+    })
+    .catch(err => {
+      answerIsOver.value = true
+      talkingList.value.pop()
+      uni.showToast({
+        title: '系统异常，请联系管理员',
+        icon: 'none',
+        duration: 1000
+      })
+    })
+  // #endif
+}
+const beforeToTalking = () => {
+  if (isPreview.value) {
+    toTalking()
+    return
+  }
+  checkTraPartnerInfoById({
+    traId: traId.value
+  }).then(res => {
+    if (res.body.inRange) {
+      toTalking()
+    } else {
+      common.show('提示', res.body.message, false)
+    }
+  })
+}
+const toTalking = async () => {
+  try {
+    //#ifdef APP-PLUS
+    console.log('申请权限')
+    try {
+      await permissionApi.judgeIosPermission('record')
+      if (detailInfo.value.traInterTyp === '03') {
+        await permissionApi.judgeIosPermission('camera')
+      }
+    } catch (e) {
+      console.error('摄像头或者麦克风权限申请失败：', e)
+      return
+    }
+    //#endif
+    common.setPageCache('tipMsgsceneDesc', {
+      ossAddr: detailInfo.value.ossAddr,
+      chaName: detailInfo.value.chaName,
+      traInterTyp: detailInfo.value.traInterTyp,
+      traInterTypDesc: detailInfo.value.traInterTypDesc
+    })
+    let _gotUrl
+    if (detailInfo.value.traInterTyp === '02') {
+      _gotUrl = '/pages/sparring/talk'
+    } else if (detailInfo.value.traInterTyp === '03') {
+      _gotUrl = '/pages/sparring/talk' // 没改好，暂时跳到一个页
+    }
+    common.redirectTo(_gotUrl + '?traId=' + traId.value + '&chaId=' + chaId.value + '&type=' + talkingType.value + '&traInterTyp=' + detailInfo.value.traInterTyp + '&isPreview=' + (isPreview.value ? '1' : '0'))
+  } catch (err) {
+    console.error('申请权限失败')
+  }
+}
+const activeVoiceTalkingItemId = ref('')
+// 关闭播放状态
+const changePlayItemId = (id = '') => {
+  activeVoiceTalkingItemId.value = id
+}
 
-	const talkItemEvents = ({ type, data, id, info = {} }) => {
-		switch (type) {
-			case 'changePlay':
-				activeVoiceTalkingItemId.value = id;
-				break;
-			case 'scrollToBottom':
-				scrollToBottomNow();
-				break;
-			default:
-				break;
-		}
-	};
+const talkItemEvents = ({ type, data, id, info = {} }) => {
+  switch (type) {
+    case 'changePlay':
+      activeVoiceTalkingItemId.value = id
+      break
+    case 'scrollToBottom':
+      scrollToBottomNow()
+      break
+    default:
+      break
+  }
+}
 
-	const watchFlag = ref(1);
-	const showModelComfirm = ref(false);
-	const reconcatNum = ref(0);
-	const answerText = ref('');
-	const touchBtnCallBack = ref(null);
-	let isLeave = false;
-	const initsocketTask = () => {
-		let _src = isPreview.value ? '/trapractice/previewsocket/open' : '/trapractice/partnersocket/open';
-		socketStore.creatSocket(_src + '?summary=');
-		// unref(SocketObj).on('open', (res)=>{
-		// 	if(!answerIsOver.value){
-		// 		sendMessage({
-		// 			"commond" : 'ASK-RE-START',
-		// 			"body" : {
-		// 				execId: execId.value,
-		// 				seqNo: seqNo.value,
-		// 				answerContent: answerText.value
-		// 			}
-		// 		})
-		// 	}
-		// })
-		unref(SocketObj).on('error', () => {
-			if (watchFlag.value === 1 || showModelComfirm.value) return;
-			if (reconcatNum.value === 5) {
-				common.msg('系统网络异常，请稍后再试！');
-				common.redirectTo(`/pages/index/dialog`);
-				return;
-			}
-			showModelComfirm.value = true;
-			reconcatNum.value += 1;
-			common
-				.show('提示信息', '网络环境不稳定，请重试！', false, '', '确认')
-				.then((res) => {
-					overNow(() => {
-						reconcatNum.value += 1;
-						// common.redirectTo(`/pages/index/dialog`);
-						socketStore?.closeSocket();
-						common.redirectTo(
-							'/pages/sparring/result?isOver=1&traId=' +
-								traId.value +
-								'&execId=' +
-								execId.value +
-								'&type=' +
-								talkingType.value +
-								'&isPreview=' +
-								(isPreview.value ? '1' : '')
-						);
-					});
-				})
-				.finally(() => {
-					showModelComfirm.value = false;
-				});
-		});
-		unref(SocketObj).on('message', (res) => {
-			const { rtnCode, body, commond } = JSON.parse(res.data);
-			let _id = new Date().getTime() + 'id';
-			if (rtnCode === '0000') {
-				if (commond === 'ASK-OPEN') {
-					console.log('ASK-OPEN！', body);
-					// 新连接
-					sendMessage({
-						commond: 'ASK-START',
-						body: {
-							traId: traId.value,
-							chaId: chaId.value,
-							traTyp: talkingType.value,
-							execId: execId.value || ''
-						}
-					});
-					sendMessage({
-						commond: 'ASK-PING',
-						body: {
-							execId: execId.value || ''
-						}
-					});
-					return;
-				}
-				if (commond === 'ASK-START') {
-					console.log('开启对话！', body);
-					execId.value = body.execId;
-					return;
-				}
-				if (commond === 'ASK') {
-					console.log('发送问题成功！');
-					console.log(body);
-					console.log(talkingList.value[talkingList.value.length - 1].isLoading);
-					if (talkingList.value.length > 0 && talkingList.value[talkingList.value.length - 1].isLoading) {
-						talkingList.value = talkingList.value.filter((t) => {
-							return !(t.type === 'question' && t.isLoading);
-						});
-					}
-					// seqNo.value = body.seqNo;
-					// touchBtnCallBack.value && touchBtnCallBack.value();
-					// touchBtnCallBack.value = null;
-					talkingList.value.push({
-						type: 'question',
-						talkingText: body.content,
-						isLoading: false,
-						intrctWay: '02',
-						id: _id + 'qns',
-						...body,
-						talkingVoice: askData.value.talkingVoice
-					});
-					talkingList.value.push({
-						type: 'answer',
-						isLoading: true,
-						id: _id + 'loading'
-					});
-					scrollToBottomNow();
-					return;
-				}
-				if (commond === 'ASK-STOP') {
-					console.log('停止回答标记!');
-					stopAnswerCallBack.value && stopAnswerCallBack.value(askData.value);
-					setTimeout(() => {
-						stopAnswerCallBack.value = null;
-						answerIsOver.value = true;
-					}, 10);
-					return;
-				}
-				if (commond === 'ASK-ANSWER') {
-					if (body.event === 'start') {
-						answerIsOver.value = false;
-						answerText.value = '';
-						// talkingList.value.pop();
-						talkingList.value = talkingList.value.filter((t) => {
-							return !(t.type === 'answer' && t.isLoading);
-						});
-						talkingList.value.push({
-							type: 'answer',
-							talkingText: answerText.value,
-							isLoading: false,
-							execLogId: body.execLogId || '',
-							id: _id + 'ans',
-							...body,
-							askData: {
-								...askData.value
-							}
-						});
-					} else if (body.event === 'token') {
-						answerIsOver.value = false;
-						answerText.value += body.data;
-						talkingList.value[talkingList.value.length - 1].talkingText = answerText.value;
-					} else if (body.event === 'end') {
-						answerIsOver.value = true;
-					} else if (body.event === 'recordAi') {
-						talkingList.value[talkingList.value.length - 1].execLogId = body.execLogId;
-					}
-					scrollToBottomNow();
-					return;
-				}
-				if (commond === 'ASK-RE-ANSWER') {
-					// console.log('开始继续回答！')
-					if (body.event === 'start') {
-						answerIsOver.value = false;
-						answerText.value = '';
-					} else if (body.event === 'token') {
-						answerIsOver.value = false;
-						answerText.value = body.data;
-					} else if (body.event === 'end') {
-						answerIsOver.value = true;
-					}
-					return;
-				}
+const watchFlag = ref(1)
+const showModelComfirm = ref(false)
+const reconcatNum = ref(0)
+const answerText = ref('')
+const touchBtnCallBack = ref(null)
+let isLeave = false
+const initsocketTask = () => {
+  let _src = isPreview.value ? '/trapractice/previewsocket/open' : '/trapractice/partnersocket/open'
+  socketStore.creatSocket(_src + '?summary=')
+  // unref(SocketObj).on('open', (res)=>{
+  // 	if(!answerIsOver.value){
+  // 		sendMessage({
+  // 			"commond" : 'ASK-RE-START',
+  // 			"body" : {
+  // 				execId: execId.value,
+  // 				seqNo: seqNo.value,
+  // 				answerContent: answerText.value
+  // 			}
+  // 		})
+  // 	}
+  // })
+  unref(SocketObj).on('error', () => {
+    if (watchFlag.value === 1 || showModelComfirm.value) return
+    if (reconcatNum.value === 5) {
+      common.msg('系统网络异常，请稍后再试！')
+      common.redirectTo(`/pages/index/dialog`)
+      return
+    }
+    showModelComfirm.value = true
+    reconcatNum.value += 1
+    common
+      .show('提示信息', '网络环境不稳定，请重试！', false, '', '确认')
+      .then(res => {
+        overNow(() => {
+          reconcatNum.value += 1
+          // common.redirectTo(`/pages/index/dialog`);
+          socketStore?.closeSocket()
+          common.redirectTo('/pages/sparring/result?isOver=1&traId=' + traId.value + '&execId=' + execId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ? '1' : ''))
+        })
+      })
+      .finally(() => {
+        showModelComfirm.value = false
+      })
+  })
+  unref(SocketObj).on('message', res => {
+    const { rtnCode, body, commond } = JSON.parse(res.data)
+    let _id = new Date().getTime() + 'id'
+    if (rtnCode === '0000') {
+      if (commond === 'ASK-OPEN') {
+        console.log('ASK-OPEN！', body)
+        // 新连接
+        sendMessage({
+          commond: 'ASK-START',
+          body: {
+            traId: traId.value,
+            chaId: chaId.value,
+            traTyp: talkingType.value,
+            execId: execId.value || ''
+          }
+        })
+        sendMessage({
+          commond: 'ASK-PING',
+          body: {
+            execId: execId.value || ''
+          }
+        })
+        return
+      }
+      if (commond === 'ASK-START') {
+        console.log('开启对话！', body)
+        execId.value = body.execId
+        return
+      }
+      if (commond === 'ASK') {
+        console.log('发送问题成功！')
+        console.log(body)
+        console.log(talkingList.value[talkingList.value.length - 1].isLoading)
+        if (talkingList.value.length > 0 && talkingList.value[talkingList.value.length - 1].isLoading) {
+          talkingList.value = talkingList.value.filter(t => {
+            return !(t.type === 'question' && t.isLoading)
+          })
+        }
+        // seqNo.value = body.seqNo;
+        // touchBtnCallBack.value && touchBtnCallBack.value();
+        // touchBtnCallBack.value = null;
+        talkingList.value.push({
+          type: 'question',
+          talkingText: body.content,
+          isLoading: false,
+          intrctWay: '02',
+          id: _id + 'qns',
+          ...body,
+          talkingVoice: askData.value.talkingVoice
+        })
+        talkingList.value.push({
+          type: 'answer',
+          isLoading: true,
+          id: _id + 'loading'
+        })
+        scrollToBottomNow()
+        return
+      }
+      if (commond === 'ASK-STOP') {
+        console.log('停止回答标记!')
+        stopAnswerCallBack.value && stopAnswerCallBack.value(askData.value)
+        setTimeout(() => {
+          stopAnswerCallBack.value = null
+          answerIsOver.value = true
+        }, 10)
+        return
+      }
+      if (commond === 'ASK-ANSWER') {
+        if (body.event === 'start') {
+          answerIsOver.value = false
+          answerText.value = ''
+          // talkingList.value.pop();
+          talkingList.value = talkingList.value.filter(t => {
+            return !(t.type === 'answer' && t.isLoading)
+          })
+          talkingList.value.push({
+            type: 'answer',
+            talkingText: answerText.value,
+            isLoading: false,
+            execLogId: body.execLogId || '',
+            id: _id + 'ans',
+            ...body,
+            askData: {
+              ...askData.value
+            }
+          })
+        } else if (body.event === 'token') {
+          answerIsOver.value = false
+          answerText.value += body.data
+          talkingList.value[talkingList.value.length - 1].talkingText = answerText.value
+        } else if (body.event === 'end') {
+          answerIsOver.value = true
+        } else if (body.event === 'recordAi') {
+          talkingList.value[talkingList.value.length - 1].execLogId = body.execLogId
+        }
+        scrollToBottomNow()
+        return
+      }
+      if (commond === 'ASK-RE-ANSWER') {
+        // console.log('开始继续回答！')
+        if (body.event === 'start') {
+          answerIsOver.value = false
+          answerText.value = ''
+        } else if (body.event === 'token') {
+          answerIsOver.value = false
+          answerText.value = body.data
+        } else if (body.event === 'end') {
+          answerIsOver.value = true
+        }
+        return
+      }
 
-				if (commond === 'ASK-ERR') {
-					console.log('提问失败，系统异常！');
-					return;
-				}
-				if (commond === 'ASK-OVER') {
-					console.log(body);
-					console.log('陪练已结束，去结果页面！');
-					socketStore?.closeSocket();
-					common.redirectTo(
-						'/pages/sparring/result?isOver=1&traId=' +
-							traId.value +
-							'&execId=' +
-							execId.value +
-							'&type=' +
-							talkingType.value +
-							'&isPreview=' +
-							(isPreview.value ? '1' : '')
-					);
-					return;
-				}
-				if (commond === 'ASK-PONG') {
-					console.log('PONG');
-					if (isLeave) return;
-					setTimeout(() => {
-						sendMessage({
-							commond: 'ASK-PING',
-							body: {
-								execId: execId.value || ''
-							}
-						});
-					}, 30000);
-				}
-			} else {
-				if (['0005', 'QQ0005'].includes(res.rtnCode)) {
-					goto_login_fun();
-				}
-			}
-		});
-		watchFlag.value += 1;
-	};
-	const goBack = () => {
-		if (detailInfo.value.traInterTyp === '01') {
-			overTalking();
-		} else {
-			common.navigateBack();
-		}
-	};
-	const overTalking = () => {
-		common.show('提示', '确定结束陪练吗？').then((res) => {
-			if (res) {
-				overNow();
-			}
-		});
-	};
-	const overNow = (cb = () => {}) => {
-		partnerChatReportTrigger({
-			execId: execId.value,
-			traId: traId.value,
-			talkingType: isPreview.value ? 'preview' : 'practice'
-		})
-			.then((res) => {
-				watchFlag.value = 1;
-				sendMessage({
-					commond: 'ASK-STOP',
-					body: {
-						execId: execId.value || ''
-					}
-				});
-				socketStore?.closeSocket();
-				changePlayItemId('');
-				common.redirectTo(
-					'/pages/sparring/result?isOver=1&traId=' +
-						traId.value +
-						'&execId=' +
-						execId.value +
-						'&type=' +
-						talkingType.value +
-						'&isPreview=' +
-						(isPreview.value ? '1' : '')
-				);
-				// pointAndBadgesRun(talkingType.value === '01'? '07': '08', '', ()=>{
-				// 	common.redirectTo('/pages/sparring/result?isOver=1&traId=' + traId.value + '&execId=' + execId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ?'1':''))
-				// })
-			})
-			.catch(() => {
-				cb();
-			});
-	};
-	const sendMessage = (data) => {
-		unref(SocketObj).send(data);
-		if (data.commond == 'ASK-PING') {
-			console.log('PING');
-		}
-	};
-	// let timer = null
-	//#ifdef APP-PLUS
-	onShow(() => {
-		isLeave = false;
-		// timer = setInterval(() => {
-		// 	sendMessage({
-		// 		commond: 'ASK-PING',
-		// 		body: {
-		// 			execId: execId.value || ''
-		// 		}
-		// 	}, 1000)
-		// })
-	});
-	onHide(() => {
-		isLeave = true;
-		// clearInterval(timer)
-		// timer = null
-	});
-	// #endif
-	onLoad((params) => {
-		traId.value = params.traId;
-		chaId.value = params.chaId;
-		talkingType.value = params.type;
-		isPreview.value = params.isPreview === '1';
-		getDetailInfo();
-		console.log('onLoad');
-		//#ifdef APP-PLUS
-		plus.screen.lockOrientation('portrait-primary');
-		// #endif
-	});
-	onUnload(() => {
-		console.log('onUnload');
-		watchFlag.value = 1;
-		sendMessage({
-			commond: 'ASK-STOP',
-			body: {
-				execId: execId.value || ''
-			}
-		});
-		if (detailInfo.value.traInterTyp === '01') {
-			socketStore?.closeSocket();
-		}
-		execId.value = '';
-	});
-	onLaunch(() => {
-		console.log('onLaunch');
-	});
-	onMounted(() => {
-		// getDetailInfo()
-	});
-	onBackPress((res) => {
-		if (res.from === 'backbutton') {
-			goBack();
-			return true;
-		}
-	});
+      if (commond === 'ASK-ERR') {
+        console.log('提问失败，系统异常！')
+        return
+      }
+      if (commond === 'ASK-OVER') {
+        console.log(body)
+        console.log('陪练已结束，去结果页面！')
+        socketStore?.closeSocket()
+        common.redirectTo('/pages/sparring/result?isOver=1&traId=' + traId.value + '&execId=' + execId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ? '1' : ''))
+        return
+      }
+      if (commond === 'ASK-PONG') {
+        console.log('PONG')
+        if (isLeave) return
+        setTimeout(() => {
+          sendMessage({
+            commond: 'ASK-PING',
+            body: {
+              execId: execId.value || ''
+            }
+          })
+        }, 30000)
+      }
+    } else {
+      if (['0005', 'QQ0005'].includes(res.rtnCode)) {
+        goto_login_fun()
+      }
+    }
+  })
+  watchFlag.value += 1
+}
+const goBack = () => {
+  if (detailInfo.value.traInterTyp === '01') {
+    overTalking()
+  } else {
+    common.navigateBack()
+  }
+}
+const overTalking = () => {
+  common.show('提示', '确定结束陪练吗？').then(res => {
+    if (res) {
+      overNow()
+    }
+  })
+}
+const overNow = (cb = () => {}) => {
+	watchFlag.value = 1
+	sendMessage({
+	  commond: 'ASK-STOP',
+	  body: {
+	    execId: execId.value || ''
+	  }
+	})
+	socketStore?.closeSocket()
+	changePlayItemId('')
+	common.redirectTo('/pages/sparring/result?isOver=1&traId=' + traId.value + '&execId=' + execId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ? '1' : ''))
+	
+  // partnerChatReportTrigger({
+  //   execId: execId.value,
+  //   traId: traId.value,
+  //   talkingType: isPreview.value ? 'preview' : 'practice'
+  // })
+  //   .then(res => {
+  //     watchFlag.value = 1
+  //     sendMessage({
+  //       commond: 'ASK-STOP',
+  //       body: {
+  //         execId: execId.value || ''
+  //       }
+  //     })
+  //     socketStore?.closeSocket()
+  //     changePlayItemId('')
+  //     common.redirectTo('/pages/sparring/result?isOver=1&traId=' + traId.value + '&execId=' + execId.value + '&type=' + talkingType.value + '&isPreview=' + (isPreview.value ? '1' : ''))
+  //   })
+  //   .catch(() => {
+  //     cb()
+  //   })
+}
+const sendMessage = data => {
+  unref(SocketObj).send(data)
+  if (data.commond == 'ASK-PING') {
+    console.log('PING')
+  }
+}
+// let timer = null
+//#ifdef APP-PLUS
+onShow(() => {
+  isLeave = false
+  // timer = setInterval(() => {
+  // 	sendMessage({
+  // 		commond: 'ASK-PING',
+  // 		body: {
+  // 			execId: execId.value || ''
+  // 		}
+  // 	}, 1000)
+  // })
+})
+onHide(() => {
+  isLeave = true
+  // clearInterval(timer)
+  // timer = null
+})
+// #endif
+onLoad(params => {
+  traId.value = params.traId
+  chaId.value = params.chaId
+  talkingType.value = params.type
+  isPreview.value = params.isPreview === '1'
+  getDetailInfo()
+  console.log('onLoad')
+  //#ifdef APP-PLUS
+  plus.screen.lockOrientation('portrait-primary')
+  // #endif
+})
+onUnload(() => {
+  console.log('onUnload')
+  watchFlag.value = 1
+  sendMessage({
+    commond: 'ASK-STOP',
+    body: {
+      execId: execId.value || ''
+    }
+  })
+  if (detailInfo.value.traInterTyp === '01') {
+    socketStore?.closeSocket()
+  }
+  execId.value = ''
+})
+onLaunch(() => {
+  console.log('onLaunch')
+})
+onMounted(() => {
+  // getDetailInfo()
+})
+onBackPress(res => {
+  if (res.from === 'backbutton') {
+    goBack()
+    return true
+  }
+})
 </script>
 
 <style lang="scss" scoped>
-	.sparring-detail {
-		position: relative;
-		overflow-x: hidden;
-		overflow-y: auto;
-		flex-direction: column;
-		background-image: url(@/static/images/sparring/bg.png);
-		background-size: cover;
+.sparring-detail {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex-direction: column;
+  background-image: url(@/static/images/sparring/bg.png);
+  background-size: cover;
 
-		// background-color: #f2f6fd;
-		.sparring-detail-loading {
-			position: fixed;
-			z-index: 20;
-			height: 100vh;
-			width: 100vw;
-			background-image: url(@/static/images/sparring/bg.png);
+  // background-color: #f2f6fd;
+  .sparring-detail-loading {
+    position: fixed;
+    z-index: 20;
+    height: 100vh;
+    width: 100vw;
+    background-image: url(@/static/images/sparring/bg.png);
 
-			.loading-img {
-				position: absolute;
-				width: 380rpx;
-				height: 590rpx;
-				top: 40%;
-				transform: translateY(-50%) translateX(-50%);
-				left: 50%;
-				padding-top: 540rpx;
-				line-height: 50rpx;
-				box-sizing: border-box;
-				text-align: center;
-				background-image: url(@/static/images/sparring/waiting.png);
-				background-repeat: no-repeat;
-				background-size: cover;
-			}
-		}
+    .loading-img {
+      position: absolute;
+      width: 380rpx;
+      height: 590rpx;
+      top: 40%;
+      transform: translateY(-50%) translateX(-50%);
+      left: 50%;
+      padding-top: 540rpx;
+      line-height: 50rpx;
+      box-sizing: border-box;
+      text-align: center;
+      background-image: url(@/static/images/sparring/waiting.png);
+      background-repeat: no-repeat;
+      background-size: cover;
+    }
+  }
 
-		.sparring-detail-body {
-			position: absolute;
-			overflow-x: hidden;
-			overflow-y: hidden;
-			left: 0;
-			top: 0;
-			height: 100vh;
-			width: 100%;
-			box-sizing: border-box;
-			// background-color: #f6f8ff;
-			z-index: 1;
-			padding: calc(var(--status-bar-height) + 90rpx) 0 180rpx;
+  .sparring-detail-body {
+    position: absolute;
+    overflow-x: hidden;
+    overflow-y: hidden;
+    left: 0;
+    top: 0;
+    height: 100vh;
+    width: 100%;
+    box-sizing: border-box;
+    // background-color: #f6f8ff;
+    z-index: 1;
+    padding: calc(var(--status-bar-height) + 90rpx) 0 180rpx;
 
-			.top-box {
-				height: 90rpx;
-				width: 100%;
-				position: fixed;
-				top: var(--status-bar-height);
-				left: 0;
-				z-index: 2;
+    .top-box {
+      height: 90rpx;
+      width: 100%;
+      position: fixed;
+      top: var(--status-bar-height);
+      left: 0;
+      z-index: 2;
 
-				.top-desc {
-					position: absolute;
-					bottom: 0;
-					font-size: 18rpx;
-					color: #999;
-					left: 50%;
-					transform: translateX(-50%);
-				}
+      .top-desc {
+        position: absolute;
+        bottom: 0;
+        font-size: 18rpx;
+        color: #999;
+        left: 50%;
+        transform: translateX(-50%);
+      }
 
-				.top-title {
-					height: 90rpx;
-					// background-color: red;
-					text-align: center;
-					font-size: 33rpx;
-					padding: 10rpx 100rpx 0;
-					line-height: 46rpx;
-					box-sizing: border-box;
-					font-weight: 500;
-					color: #000;
-					position: relative;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
+      .top-title {
+        height: 90rpx;
+        // background-color: red;
+        text-align: center;
+        font-size: 33rpx;
+        padding: 10rpx 100rpx 0;
+        line-height: 46rpx;
+        box-sizing: border-box;
+        font-weight: 500;
+        color: #000;
+        position: relative;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
 
-					// margin-bottom: 23rpx;
-					.arrow-icon {
-						position: absolute;
-						left: 36rpx;
-						top: 20rpx;
-						color: #fff !important;
-					}
+        // margin-bottom: 23rpx;
+        .arrow-icon {
+          position: absolute;
+          left: 36rpx;
+          top: 20rpx;
+          color: #fff !important;
+        }
 
-					.back-icon {
-						position: absolute;
-						width: 40rpx;
-						height: 40rpx;
-						cursor: pointer;
-						left: 50rpx;
-						top: 33rpx;
-						transform: translateY(-50%);
-					}
+        .back-icon {
+          position: absolute;
+          width: 40rpx;
+          height: 40rpx;
+          cursor: pointer;
+          left: 50rpx;
+          top: 33rpx;
+          transform: translateY(-50%);
+        }
 
-					.back-icon::before,
-					.back-icon::after {
-						content: '';
-						position: absolute;
-						transition: all 0.3s ease;
-					}
+        .back-icon::before,
+        .back-icon::after {
+          content: '';
+          position: absolute;
+          transition: all 0.3s ease;
+        }
 
-					.back-icon::after {
-						top: 25%;
-						left: 25%;
-						width: 40%;
-						height: 40%;
-						border-top: 4rpx solid #000;
-						border-left: 4rpx solid #000;
-						transform: rotate(-45deg);
-					}
-				}
-			}
+        .back-icon::after {
+          top: 25%;
+          left: 25%;
+          width: 40%;
+          height: 40%;
+          border-top: 4rpx solid #000;
+          border-left: 4rpx solid #000;
+          transform: rotate(-45deg);
+        }
+      }
+    }
 
-			.body-content {
-				height: 100%;
-				padding: 10rpx 24rpx 20rpx;
-				box-sizing: border-box;
-				overflow-y: auto;
+    .body-content {
+      height: 100%;
+      padding: 10rpx 24rpx 20rpx;
+      box-sizing: border-box;
+      overflow-y: auto;
 
-				&.talking-type1 {
-					padding: 10rpx 24rpx 140rpx;
-				}
+      &.talking-type1 {
+        padding: 10rpx 24rpx 140rpx;
+      }
 
-				.body-content-role {
-					background-color: #fff;
-					border-radius: 16rpx;
-					overflow: hidden;
-					margin-bottom: 30rpx;
+      .body-content-role {
+        background-color: #fff;
+        border-radius: 16rpx;
+        overflow: hidden;
+        margin-bottom: 30rpx;
 
-					&.hide-info {
-						.arrow-r-icon::after {
-							transform: rotate(225deg) !important;
-						}
+        &.hide-info {
+          .arrow-r-icon::after {
+            transform: rotate(225deg) !important;
+          }
 
-						.role-content {
-							max-height: 0rpx !important;
-							padding-bottom: 0rpx !important;
-						}
-					}
+          .role-content {
+            max-height: 0rpx !important;
+            padding-bottom: 0rpx !important;
+          }
+        }
 
-					.role-title {
-						height: 154rpx;
-						position: relative;
-						padding-left: 180rpx;
+        .role-title {
+          height: 154rpx;
+          position: relative;
+          padding-left: 180rpx;
 
-						&-avatar {
-							width: 92rpx;
-							height: 92rpx;
-							position: absolute;
-							top: 50%;
-							left: 42rpx;
-							transform: translateY(-50%);
-							border-radius: 50%;
-							overflow: hidden;
-						}
+          &-avatar {
+            width: 92rpx;
+            height: 92rpx;
+            position: absolute;
+            top: 50%;
+            left: 42rpx;
+            transform: translateY(-50%);
+            border-radius: 50%;
+            overflow: hidden;
+          }
 
-						&-info {
-							position: relative;
-							height: 100%;
-							box-sizing: border-box;
-							padding-top: 34rpx;
+          &-info {
+            position: relative;
+            height: 100%;
+            box-sizing: border-box;
+            padding-top: 34rpx;
 
-							.role-name {
-								width: 100%;
+            .role-name {
+              width: 100%;
 
-								&.card-title {
-									display: flex;
-									font-size: 29rpx;
-									line-height: 44rpx;
-									font-weight: 500;
-									color: #000;
-									overflow: hidden;
-									text-align: left;
-									justify-content: start;
-									margin-bottom: 8rpx;
+              &.card-title {
+                display: flex;
+                font-size: 29rpx;
+                line-height: 44rpx;
+                font-weight: 500;
+                color: #000;
+                overflow: hidden;
+                text-align: left;
+                justify-content: start;
+                margin-bottom: 8rpx;
 
-									.card-title-name {
-										margin-right: 20rpx;
-										line-height: 44rpx;
-									}
+                .card-title-name {
+                  margin-right: 20rpx;
+                  line-height: 44rpx;
+                }
 
-									.card-title-age {
-										margin-right: 20rpx;
-										line-height: 44rpx;
-									}
+                .card-title-age {
+                  margin-right: 20rpx;
+                  line-height: 44rpx;
+                }
 
-									.card-title-img {
-										height: 44rpx;
-										width: 30rpx;
-										padding: 5rpx 0;
-										box-sizing: border-box;
-									}
+                .card-title-img {
+                  height: 44rpx;
+                  width: 30rpx;
+                  padding: 5rpx 0;
+                  box-sizing: border-box;
+                }
 
-									.card-title-icon {
-										height: 30rpx;
-										width: 30rpx;
-									}
-								}
-							}
+                .card-title-icon {
+                  height: 30rpx;
+                  width: 30rpx;
+                }
+              }
+            }
 
-							.role-desc {
-								width: 100%;
-								font-size: 25rpx;
-								color: #666;
-							}
+            .role-desc {
+              width: 100%;
+              font-size: 25rpx;
+              color: #666;
+            }
 
-							.arrow-r-icon {
-								position: absolute;
-								width: 36rpx;
-								height: 36rpx;
-								cursor: pointer;
-								right: 50rpx;
-								top: 50%;
-								transform: translateY(-50%);
-							}
+            .arrow-r-icon {
+              position: absolute;
+              width: 36rpx;
+              height: 36rpx;
+              cursor: pointer;
+              right: 50rpx;
+              top: 50%;
+              transform: translateY(-50%);
+            }
 
-							.arrow-r-icon::before,
-							.arrow-r-icon::after {
-								content: '';
-								position: absolute;
-								transition: all 0.3s ease;
-							}
+            .arrow-r-icon::before,
+            .arrow-r-icon::after {
+              content: '';
+              position: absolute;
+              transition: all 0.3s ease;
+            }
 
-							.arrow-r-icon::after {
-								top: 25%;
-								left: 25%;
-								width: 40%;
-								height: 40%;
-								border-top: 2rpx solid #000;
-								border-left: 2rpx solid #000;
-								transform: rotate(135deg);
-							}
-						}
-					}
+            .arrow-r-icon::after {
+              top: 25%;
+              left: 25%;
+              width: 40%;
+              height: 40%;
+              border-top: 2rpx solid #000;
+              border-left: 2rpx solid #000;
+              transform: rotate(135deg);
+            }
+          }
+        }
 
-					.role-content {
-						max-height: 800rpx;
-						transition: all 0.3s ease;
-						padding-bottom: 12rpx;
+        .role-content {
+          max-height: 800rpx;
+          transition: all 0.3s ease;
+          padding-bottom: 12rpx;
 
-						&-item {
-							position: relative;
-							padding: 8rpx 46rpx 8rpx 76rpx;
-							line-height: 42rpx;
-							font-size: 29rpx;
+          &-item {
+            position: relative;
+            padding: 8rpx 46rpx 8rpx 76rpx;
+            line-height: 42rpx;
+            font-size: 29rpx;
 
-							&::before {
-								content: '';
-								display: block;
-								background-color: #000;
-								width: 12rpx;
-								height: 12rpx;
-								border-radius: 50%;
-								position: absolute;
-								left: 46rpx;
-								top: 22rpx;
-							}
-						}
-					}
-				}
+            &::before {
+              content: '';
+              display: block;
+              background-color: #000;
+              width: 12rpx;
+              height: 12rpx;
+              border-radius: 50%;
+              position: absolute;
+              left: 46rpx;
+              top: 22rpx;
+            }
+          }
+        }
+      }
 
-				.body-scene {
-					background: linear-gradient(209deg, #fefeff 0%, #d7dfff 100%);
-					border: 2rpx solid rgba(255, 255, 255, 0.65);
-					position: relative;
-					line-height: 42rpx;
-					font-size: 29rpx;
-					border-radius: 16rpx;
-					overflow: hidden;
-					padding: 108rpx 46rpx 30rpx;
+      .body-scene {
+        background: linear-gradient(209deg, #fefeff 0%, #d7dfff 100%);
+        border: 2rpx solid rgba(255, 255, 255, 0.65);
+        position: relative;
+        line-height: 42rpx;
+        font-size: 29rpx;
+        border-radius: 16rpx;
+        overflow: hidden;
+        padding: 108rpx 46rpx 30rpx;
 
-					.body-scene-title {
-						position: absolute;
-						left: 0;
-						top: 0;
-						background-color: #06f;
-						border-radius: 0 0 36rpx 0;
-						width: 170rpx;
-						height: 78rpx;
-						line-height: 78rpx;
-						color: #fff;
-						text-align: center;
-					}
-				}
-				.talking-desc {
-					// padding-top: 24rpx;
-					padding: 24rpx 20rpx 0;
-					font-size: 24rpx;
-					// text-align: center;
-					color: #999;
-				}
+        .body-scene-title {
+          position: absolute;
+          left: 0;
+          top: 0;
+          background-color: #06f;
+          border-radius: 0 0 36rpx 0;
+          width: 170rpx;
+          height: 78rpx;
+          line-height: 78rpx;
+          color: #fff;
+          text-align: center;
+        }
+      }
+      .talking-desc {
+        // padding-top: 24rpx;
+        padding: 24rpx 20rpx 0;
+        font-size: 24rpx;
+        // text-align: center;
+        color: #999;
+      }
 
-				.talking-box {
-					padding-top: 24rpx;
+      .talking-box {
+        padding-top: 24rpx;
 
-					.tip-text {
-						color: #7295cb;
-						text-align: center;
-						font-size: 29rpx;
-					}
-				}
-			}
+        .tip-text {
+          color: #7295cb;
+          text-align: center;
+          font-size: 29rpx;
+        }
+      }
+    }
 
-			.over-btn-box {
-				position: absolute;
-				bottom: 180rpx;
-				height: 140rpx;
-				padding: 0 23rpx;
-				width: 100%;
+    .over-btn-box {
+      position: absolute;
+      bottom: 180rpx;
+      height: 140rpx;
+      padding: 0 23rpx;
+      width: 100%;
 
-				.over-btn {
-					float: right;
-					width: 194rpx;
-					height: 76rpx;
-					line-height: 72rpx;
-					border: 2rpx solid #06f;
-					border-radius: 15rpx;
-					text-align: center;
-					color: #06f;
-					margin-top: 34rpx;
-				}
-			}
+      .over-btn {
+        float: right;
+        width: 194rpx;
+        height: 76rpx;
+        line-height: 72rpx;
+        border: 2rpx solid #06f;
+        border-radius: 15rpx;
+        text-align: center;
+        color: #06f;
+        margin-top: 34rpx;
+      }
+    }
 
-			.body-bottom {
-				height: 180rpx;
-				background-color: #fff;
-				padding: 36rpx 23rpx 0;
-				position: fixed;
-				width: 100vw;
-				bottom: 0;
-				left: 0;
+    .body-bottom {
+      height: 180rpx;
+      background-color: #fff;
+      padding: 36rpx 23rpx 0;
+      position: fixed;
+      width: 100vw;
+      bottom: 0;
+      left: 0;
 
-				&-btn {
-					width: 100%;
-					height: 92rpx;
-					line-height: 92rpx;
-					background-color: #06f;
-					text-align: center;
-					color: #fff;
-					font-size: 29rpx;
-					border-radius: 23rpx;
-					position: relative;
+      &-btn {
+        width: 100%;
+        height: 92rpx;
+        line-height: 92rpx;
+        background-color: #06f;
+        text-align: center;
+        color: #fff;
+        font-size: 29rpx;
+        border-radius: 23rpx;
+        position: relative;
 
-					.center-text {
-						height: 35rpx;
-						line-height: 35rpx;
-						width: 100%;
-						position: absolute;
-						top: 50%;
-						transform: translateY(-50%);
-						display: flex;
-						justify-content: center;
-					}
+        .center-text {
+          height: 35rpx;
+          line-height: 35rpx;
+          width: 100%;
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
+          display: flex;
+          justify-content: center;
+        }
 
-					.type-icon {
-						width: 35rpx;
-						height: 35rpx;
-						margin-right: 10rpx;
-					}
-				}
-			}
-		}
-	}
+        .type-icon {
+          width: 35rpx;
+          height: 35rpx;
+          margin-right: 10rpx;
+        }
+      }
+    }
+  }
+}
 </style>