导航栏高度问题导致分页错误

src/assets/style/index.less

@@ -26,10 +26,11 @@ html,body,#app{
 }
 
 .footer_body{
-    height: 50px;
+    height: 2rem;
-    padding-bottom: constant(safe-area-inset-bottom);
+    //height: 50px;
-    padding-bottom: env(safe-area-inset-bottom);
+    //padding-bottom: constant(safe-area-inset-bottom);
-    box-sizing: content-box;
+    //padding-bottom: env(safe-area-inset-bottom);
+    //box-sizing: content-box;
 }
 
 .no_data{

src/components/footer-enforcement-nav/index.vue

@@ -44,18 +44,29 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
+/*.footer_nav{*/
+/*  height: 50px;*/
+/*  padding-bottom: constant(safe-area-inset-bottom);*/
+/*  padding-bottom: env(safe-area-inset-bottom);*/
+/*  box-sizing: content-box;*/
+/*  background-color: #fff;*/
+/*  !*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
+/*  .footer-bar{*/
+/*    position: absolute;*/
+/*    bottom: constant(safe-area-inset-bottom);*/
+/*    bottom: env(safe-area-inset-bottom);*/
+/*  }*/
+/*}*/
+
+
 .footer_nav{
-  height: 50px;
+	height: 2.0rem;
-  padding-bottom: constant(safe-area-inset-bottom);
+	background-color: #fff;
-  padding-bottom: env(safe-area-inset-bottom);
+	/*box-shadow: 0 0 0.27rem #e5e5e5;*/
-  box-sizing: content-box;
+	.footer-bar{
-  background-color: #fff;
+		position: absolute;
-  /*box-shadow: 0 0 0.27rem #e5e5e5;*/
+		/*bottom: 0.6rem;*/
-  .footer-bar{
+	}
-    position: absolute;
-    bottom: constant(safe-area-inset-bottom);
-    bottom: env(safe-area-inset-bottom);
-  }
 }
 
 .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {

src/components/footer-nav/index.vue

@@ -28,17 +28,31 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
+	/*.footer_nav{*/
+	/*	heighheight: 50px;*/
+    /*padding-bottom: constant(safe-area-inset-bottom);*/
+    /*padding-bottom: env(safe-area-inset-bottom);*/
+    /*box-sizing: content-box;*/
+    /*background-color: #fff;*/
+    /*!*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
+	/*	.footer-bar{*/
+	/*		position: absolute;*/
+    /*  bottom: constant(safe-area-inset-bottom);*/
+    /*  bottom: env(safe-area-inset-bottom);*/
+	/*	}*/
+	/*}*/
+
+
+	.footer_body{
+		height: 2rem;
+	}
 	.footer_nav{
-		heighheight: 50px;
+		height: 2.0rem;
-    padding-bottom: constant(safe-area-inset-bottom);
+		background-color: #fff;
-    padding-bottom: env(safe-area-inset-bottom);
+		/*box-shadow: 0 0 0.27rem #e5e5e5;*/
-    box-sizing: content-box;
-    background-color: #fff;
-    /*box-shadow: 0 0 0.27rem #e5e5e5;*/
 		.footer-bar{
 			position: absolute;
-      bottom: constant(safe-area-inset-bottom);
+			/*bottom: 0.6rem;*/
-      bottom: env(safe-area-inset-bottom);
 		}
 	}