解决遮挡个人中心webview问题

components/home/webview720.vue

@@ -30,12 +30,11 @@
 		// position: fixed;
 		width: 100%;
 		height: 100%;
-		// z-index: 3;
+		// z-index: 10;
 		// background-color: #ff0000;
 	}
 	.webview720{
 		width: 100%;
 		height: 100%;
-		// z-index: 3;
 	}
 </style>

components/topMenu.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 顶部导航栏 -->
-	<view class="topMenuBox df jcsb">
+	<view class="topMenuBox df jcsb" v-if="bShowTopMenu">
 		<view class="df fdr">
 			<!-- 左侧导航icon -->
 			<view class="df aic jcc topMenu-lefticon" @click="onTopMenuIconClick">
@@ -149,6 +149,7 @@
 	export default {
 		data() {
 			return {
+				bShowTopMenu:true,
 				userInfo: mydata_userInfo,
 				//中间导航状态 0首页1前序准备2学习与实验3原理认知
 				middleShowIndex: 0,
@@ -196,6 +197,9 @@
 			}
 		},
 		methods: {
+			hideTopMenu(bShow){
+				this.bShowTopMenu = bShow;
+			},
 			onClick_test() {
 				MyRequest.GetScore(function(res) {
 					let data = res.data;
@@ -394,7 +398,8 @@
 		background: #FFFFFF;
 		box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
 		position: fixed;
-		z-index: 0;
+		// border: 1px solid #979797;
+		z-index: 1;
 	}
 
 	.topMenu-lefticon {

pages/home.vue

@@ -543,9 +543,11 @@
 			},
 			onHideWebview()
 			{
+				this.$refs.TopMenu.hideTopMenu(true);
 				this.$refs.webview720.onClickShutWebview();
 			},
 			onShowWebview720(){
+				this.$refs.TopMenu.hideTopMenu(false);
 				this.$refs.shutDownWebview.onClickShow();
 				this.$refs.webview720.onClickShow();
 			}