新增关闭功能

components/content-top/index.vue

@@ -0,0 +1,92 @@
+<template>
+	<view class="contentgb">
+		<view class="return_top">
+			<view class="z-bootm-img1" @click="returnbom()">
+				<image src="@/static/icon/fb1.png" mode="aspectFit"></image>
+			</view>
+			<view class="z-bootm-l"></view>
+			<view class="z-bootm-img2" @click="returnbom()">
+				<image src="@/static/icon/fb2.png" mode="aspectFit"></image>
+			</view>
+			
+		</view>
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			returnbom() {
+				uni.sendHostEvent('closeApp',  (ret) => {
+					//发送消息成功回调
+					console.log('关闭应用' + JSON.stringify(ret));
+				});
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.contentgb {
+
+		width: 166rpx;
+		height: 56rpx;
+
+		.return_top {
+			width: 166rpx;
+			height: 56rpx;
+			background: rgba(255, 255, 255, 0.6);
+			border-radius: 44rpx 44rpx;
+
+			position: relative;
+
+			.z-bootm-img1 {
+				width: 41rpx;
+				height: 13rpx;
+
+				position: absolute;
+				top: 20rpx;
+				left: 25rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.z-bootm-l {
+				width: 1px;
+				height: 32rpx;
+				background: rgba(0, 0, 0, 0.2);
+				margin: auto 0;
+
+				position: absolute;
+				top: 10rpx;
+				left: 85rpx;
+			}
+
+			.z-bootm-img2 {
+				width: 38rpx;
+				height: 34rpx;
+				margin-top: -15rpx;
+				margin-left: -15rpx;
+				position: absolute;
+				right: 25rpx;
+		       	top: 25rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+		}
+	}
+</style>

pages/index/index.vue

@@ -5,9 +5,10 @@
 		<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 class="" style="font-size: 30rpx;margin-top: 10rpx;">
 				教育咨询
 			</view>
+			<returntop class="container-retun" />
 		</view>
 		<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
 
@@ -28,11 +29,11 @@
 					<view class="talk-list-con-title2">
 						<text style="margin-top: 15rpx;"> 下方输入：</text>
 						<view class="" @click="sendDetail('怎么教育孩子')">
-						怎么教育孩子
+							怎么教育孩子
 							<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' ">
@@ -250,14 +251,14 @@
 	import BingMath from "@/components/bing-math/bing-math.vue"
 	import qiqbshare from "@/components/qiqb-share/qiqb-share.vue"
 
-
+	import returntop from '@/components/content-top/index.vue'
 	const recorderManager = uni.getRecorderManager()
 	const innerAudioContext = uni.createInnerAudioContext()
 	export default {
 		components: {
 			'bing-math': BingMath,
 			'qiqbshare': qiqbshare,
-
+			returntop
 
 		},
 		data() {
@@ -1605,8 +1606,15 @@
 		top: 0;
 		position: fixed;
 		z-index: 10;
-	}
 
+		.container-retun {
+			position: absolute;
+			right: 20rpx;
+			padding-top: var(--status-bar-height);
+			top: 0;
+		}
+
+	}
 
 	.popup_box {
 		height: 100vh;