diff --git a/components/back.vue b/components/back.vue
new file mode 100644
index 0000000..8a6cada
--- /dev/null
+++ b/components/back.vue
@@ -0,0 +1,50 @@
+<template>
+  <view class="back" :style="{top: top + 'px'}" @click="handleBack">
+    <uni-icons type="back" size="24" :color="color"></uni-icons>
+  </view>
+</template>
+
+<script>
+	import { ref, onMounted } from 'vue';
+	export default {
+		props: {
+		  color: {
+		    type: String,
+		    default: '#333',
+		  },
+			back: Function,
+		},
+		data() {
+			return {
+				top: 0
+			}
+		},
+		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			top.value = rect.top + (rect.height - 30) / 2;
+		},
+		
+		methods: {
+			handleBack() {
+				uni.navigateBack({
+				  delta: 1,
+				});
+			}
+		},
+	}
+  
+  
+</script>
+
+<style scoped>
+  .back {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    left: 10rpx;
+    width: 60rpx;
+    height: 60rpx;
+    z-index: 99;
+  }
+</style>

diff --git a/components/back.vue b/components/back.vue
new file mode 100644
index 0000000..8a6cada
--- /dev/null
+++ b/components/back.vue
@@ -0,0 +1,50 @@
+<template>
+  <view class="back" :style="{top: top + 'px'}" @click="handleBack">
+    <uni-icons type="back" size="24" :color="color"></uni-icons>
+  </view>
+</template>
+
+<script>
+	import { ref, onMounted } from 'vue';
+	export default {
+		props: {
+		  color: {
+		    type: String,
+		    default: '#333',
+		  },
+			back: Function,
+		},
+		data() {
+			return {
+				top: 0
+			}
+		},
+		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			top.value = rect.top + (rect.height - 30) / 2;
+		},
+		
+		methods: {
+			handleBack() {
+				uni.navigateBack({
+				  delta: 1,
+				});
+			}
+		},
+	}
+  
+  
+</script>
+
+<style scoped>
+  .back {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    left: 10rpx;
+    width: 60rpx;
+    height: 60rpx;
+    z-index: 99;
+  }
+</style>
diff --git a/components/nav.vue b/components/nav.vue
new file mode 100644
index 0000000..b73741b
--- /dev/null
+++ b/components/nav.vue
@@ -0,0 +1,148 @@
+<template>
+  <view
+    class="nav-bar"
+    v-show="show"
+    :style="{opacity: opacity, height: `${navRect.bottom + 10}px`, background, borderColor}"
+  >
+    <Back v-if="back" :color="backColor" :back="toBack" />
+		
+  </view>
+</template>
+
+<script>
+  import { ref, onMounted, watch, reactive, computed } from 'vue';
+  import Back from './back.vue';
+	export default {
+		props: {
+			title: {
+			  type: String,
+			},
+			show: {
+			  type: Boolean,
+			  default: true,
+			},
+			opacity: {
+			  type: Number,
+			  default: 1,
+			},
+			color: {
+			  type: String,
+			  default: '#333',
+			},
+			background: {
+			  type: String,
+			  default: '#398ae4',
+			},
+			borderColor: {
+			  type: String,
+			  default: '#d3d3d3',
+			},
+			back: {
+			  type: Boolean,
+			},
+			backColor: {
+			  type: String,
+			  default: '#000',
+			},
+			navRect: {
+				type: Object,
+				default: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			},
+			onBack: Function,
+			cancel: Boolean,
+		},
+		 
+		data() {
+			return {
+				navRect: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			}
+		},
+		
+		watch: {
+			navRect: {
+				deep:true, //深度监听设置为 true
+				handler:function(newV, oldV) {
+					this.navRect = newV
+				}
+			},
+		},
+		
+		methods: {
+			toBack() {
+				let pages = getCurrentPages(); // 页面栈
+				let beforePage = pages[pages.length - 2]; // 上一页
+				uni.navigateBack({
+				  success: () => {
+				    beforePage.onLoad(beforePage.options); // 执行上一页的onLoad方法
+				  }
+				});
+			},
+		},
+	}
+ 
+</script>
+
+<style scoped lang="scss">
+  .nav-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000000;
+    background: #fff;
+		box-shadow: 0rpx 4rpx 30rpx 0rpx rgba(0, 0, 0, 0.2);
+    // border-bottom: 1rpx solid;
+    .avatar {
+			position: absolute;
+			display: flex;
+			align-items: center;
+			left: 40rpx;
+			z-index: 10;
+			
+			image {
+				width: 60rpx;
+				height: 60rpx;
+				border-radius: 50%;
+			}
+    }
+		
+    .title {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 36rpx;
+    }
+		
+		.home {
+			position: absolute;
+			left: 70rpx;
+			bottom: 35rpx;
+			width: 42rpx;
+			height: 42rpx;
+			z-index: 99;
+		}
+		
+		.cancel {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			position: absolute;
+			left: 28rpx;
+			bottom: 25rpx;
+			z-index: 99;
+			font-size: 30rpx;
+			color: #FFFFFF;
+		}
+  }
+</style>

diff --git a/components/back.vue b/components/back.vue
new file mode 100644
index 0000000..8a6cada
--- /dev/null
+++ b/components/back.vue
@@ -0,0 +1,50 @@
+<template>
+  <view class="back" :style="{top: top + 'px'}" @click="handleBack">
+    <uni-icons type="back" size="24" :color="color"></uni-icons>
+  </view>
+</template>
+
+<script>
+	import { ref, onMounted } from 'vue';
+	export default {
+		props: {
+		  color: {
+		    type: String,
+		    default: '#333',
+		  },
+			back: Function,
+		},
+		data() {
+			return {
+				top: 0
+			}
+		},
+		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			top.value = rect.top + (rect.height - 30) / 2;
+		},
+		
+		methods: {
+			handleBack() {
+				uni.navigateBack({
+				  delta: 1,
+				});
+			}
+		},
+	}
+  
+  
+</script>
+
+<style scoped>
+  .back {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    left: 10rpx;
+    width: 60rpx;
+    height: 60rpx;
+    z-index: 99;
+  }
+</style>
diff --git a/components/nav.vue b/components/nav.vue
new file mode 100644
index 0000000..b73741b
--- /dev/null
+++ b/components/nav.vue
@@ -0,0 +1,148 @@
+<template>
+  <view
+    class="nav-bar"
+    v-show="show"
+    :style="{opacity: opacity, height: `${navRect.bottom + 10}px`, background, borderColor}"
+  >
+    <Back v-if="back" :color="backColor" :back="toBack" />
+		
+  </view>
+</template>
+
+<script>
+  import { ref, onMounted, watch, reactive, computed } from 'vue';
+  import Back from './back.vue';
+	export default {
+		props: {
+			title: {
+			  type: String,
+			},
+			show: {
+			  type: Boolean,
+			  default: true,
+			},
+			opacity: {
+			  type: Number,
+			  default: 1,
+			},
+			color: {
+			  type: String,
+			  default: '#333',
+			},
+			background: {
+			  type: String,
+			  default: '#398ae4',
+			},
+			borderColor: {
+			  type: String,
+			  default: '#d3d3d3',
+			},
+			back: {
+			  type: Boolean,
+			},
+			backColor: {
+			  type: String,
+			  default: '#000',
+			},
+			navRect: {
+				type: Object,
+				default: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			},
+			onBack: Function,
+			cancel: Boolean,
+		},
+		 
+		data() {
+			return {
+				navRect: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			}
+		},
+		
+		watch: {
+			navRect: {
+				deep:true, //深度监听设置为 true
+				handler:function(newV, oldV) {
+					this.navRect = newV
+				}
+			},
+		},
+		
+		methods: {
+			toBack() {
+				let pages = getCurrentPages(); // 页面栈
+				let beforePage = pages[pages.length - 2]; // 上一页
+				uni.navigateBack({
+				  success: () => {
+				    beforePage.onLoad(beforePage.options); // 执行上一页的onLoad方法
+				  }
+				});
+			},
+		},
+	}
+ 
+</script>
+
+<style scoped lang="scss">
+  .nav-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000000;
+    background: #fff;
+		box-shadow: 0rpx 4rpx 30rpx 0rpx rgba(0, 0, 0, 0.2);
+    // border-bottom: 1rpx solid;
+    .avatar {
+			position: absolute;
+			display: flex;
+			align-items: center;
+			left: 40rpx;
+			z-index: 10;
+			
+			image {
+				width: 60rpx;
+				height: 60rpx;
+				border-radius: 50%;
+			}
+    }
+		
+    .title {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 36rpx;
+    }
+		
+		.home {
+			position: absolute;
+			left: 70rpx;
+			bottom: 35rpx;
+			width: 42rpx;
+			height: 42rpx;
+			z-index: 99;
+		}
+		
+		.cancel {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			position: absolute;
+			left: 28rpx;
+			bottom: 25rpx;
+			z-index: 99;
+			font-size: 30rpx;
+			color: #FFFFFF;
+		}
+  }
+</style>
diff --git a/packageToolList/rumorWebView/rumorWebView.vue b/packageToolList/rumorWebView/rumorWebView.vue
index 3d5793c..4ba0f9e 100644
--- a/packageToolList/rumorWebView/rumorWebView.vue
+++ b/packageToolList/rumorWebView/rumorWebView.vue
@@ -1,17 +1,29 @@
 <!-- h5嵌入页面 -->
 <template>
-	<web-view :src="getUrl" :update-title="false" ></web-view>
+	<div>
+		<!-- <NavBar
+		  :show="true"
+		  :opacity="1"
+			:navRect="navRect"
+		  borderColor="transparent"
+		/> -->
+		<web-view style="padding-top: -140px;" :src="getUrl" ></web-view>
+	</div>
 </template>
 
 <script>
+	import NavBar from '../../components/nav.vue'
 	import { getLocationParams } from '../../common/utils.js'
 	export default {
 		data() {
 			return {
-				getUrl: ''
+				getUrl: '',
+				navRect: {} // 自定义导航栏rect
 			}
 		},
 		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			this.navRect = rect;
 			this.getUrl = decodeURIComponent(getLocationParams('url'));
 			console.log(this.getUrl, 'url')
 			// 通知公告的h5显示 -> 通知公告

diff --git a/components/back.vue b/components/back.vue
new file mode 100644
index 0000000..8a6cada
--- /dev/null
+++ b/components/back.vue
@@ -0,0 +1,50 @@
+<template>
+  <view class="back" :style="{top: top + 'px'}" @click="handleBack">
+    <uni-icons type="back" size="24" :color="color"></uni-icons>
+  </view>
+</template>
+
+<script>
+	import { ref, onMounted } from 'vue';
+	export default {
+		props: {
+		  color: {
+		    type: String,
+		    default: '#333',
+		  },
+			back: Function,
+		},
+		data() {
+			return {
+				top: 0
+			}
+		},
+		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			top.value = rect.top + (rect.height - 30) / 2;
+		},
+		
+		methods: {
+			handleBack() {
+				uni.navigateBack({
+				  delta: 1,
+				});
+			}
+		},
+	}
+  
+  
+</script>
+
+<style scoped>
+  .back {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    left: 10rpx;
+    width: 60rpx;
+    height: 60rpx;
+    z-index: 99;
+  }
+</style>
diff --git a/components/nav.vue b/components/nav.vue
new file mode 100644
index 0000000..b73741b
--- /dev/null
+++ b/components/nav.vue
@@ -0,0 +1,148 @@
+<template>
+  <view
+    class="nav-bar"
+    v-show="show"
+    :style="{opacity: opacity, height: `${navRect.bottom + 10}px`, background, borderColor}"
+  >
+    <Back v-if="back" :color="backColor" :back="toBack" />
+		
+  </view>
+</template>
+
+<script>
+  import { ref, onMounted, watch, reactive, computed } from 'vue';
+  import Back from './back.vue';
+	export default {
+		props: {
+			title: {
+			  type: String,
+			},
+			show: {
+			  type: Boolean,
+			  default: true,
+			},
+			opacity: {
+			  type: Number,
+			  default: 1,
+			},
+			color: {
+			  type: String,
+			  default: '#333',
+			},
+			background: {
+			  type: String,
+			  default: '#398ae4',
+			},
+			borderColor: {
+			  type: String,
+			  default: '#d3d3d3',
+			},
+			back: {
+			  type: Boolean,
+			},
+			backColor: {
+			  type: String,
+			  default: '#000',
+			},
+			navRect: {
+				type: Object,
+				default: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			},
+			onBack: Function,
+			cancel: Boolean,
+		},
+		 
+		data() {
+			return {
+				navRect: {
+					bottom: 0,
+					height: 0,
+					top: 0,
+				}
+			}
+		},
+		
+		watch: {
+			navRect: {
+				deep:true, //深度监听设置为 true
+				handler:function(newV, oldV) {
+					this.navRect = newV
+				}
+			},
+		},
+		
+		methods: {
+			toBack() {
+				let pages = getCurrentPages(); // 页面栈
+				let beforePage = pages[pages.length - 2]; // 上一页
+				uni.navigateBack({
+				  success: () => {
+				    beforePage.onLoad(beforePage.options); // 执行上一页的onLoad方法
+				  }
+				});
+			},
+		},
+	}
+ 
+</script>
+
+<style scoped lang="scss">
+  .nav-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000000;
+    background: #fff;
+		box-shadow: 0rpx 4rpx 30rpx 0rpx rgba(0, 0, 0, 0.2);
+    // border-bottom: 1rpx solid;
+    .avatar {
+			position: absolute;
+			display: flex;
+			align-items: center;
+			left: 40rpx;
+			z-index: 10;
+			
+			image {
+				width: 60rpx;
+				height: 60rpx;
+				border-radius: 50%;
+			}
+    }
+		
+    .title {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 36rpx;
+    }
+		
+		.home {
+			position: absolute;
+			left: 70rpx;
+			bottom: 35rpx;
+			width: 42rpx;
+			height: 42rpx;
+			z-index: 99;
+		}
+		
+		.cancel {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			position: absolute;
+			left: 28rpx;
+			bottom: 25rpx;
+			z-index: 99;
+			font-size: 30rpx;
+			color: #FFFFFF;
+		}
+  }
+</style>
diff --git a/packageToolList/rumorWebView/rumorWebView.vue b/packageToolList/rumorWebView/rumorWebView.vue
index 3d5793c..4ba0f9e 100644
--- a/packageToolList/rumorWebView/rumorWebView.vue
+++ b/packageToolList/rumorWebView/rumorWebView.vue
@@ -1,17 +1,29 @@
 <!-- h5嵌入页面 -->
 <template>
-	<web-view :src="getUrl" :update-title="false" ></web-view>
+	<div>
+		<!-- <NavBar
+		  :show="true"
+		  :opacity="1"
+			:navRect="navRect"
+		  borderColor="transparent"
+		/> -->
+		<web-view style="padding-top: -140px;" :src="getUrl" ></web-view>
+	</div>
 </template>
 
 <script>
+	import NavBar from '../../components/nav.vue'
 	import { getLocationParams } from '../../common/utils.js'
 	export default {
 		data() {
 			return {
-				getUrl: ''
+				getUrl: '',
+				navRect: {} // 自定义导航栏rect
 			}
 		},
 		mounted() {
+			const rect = uni.getMenuButtonBoundingClientRect();
+			this.navRect = rect;
 			this.getUrl = decodeURIComponent(getLocationParams('url'));
 			console.log(this.getUrl, 'url')
 			// 通知公告的h5显示 -> 通知公告
diff --git a/pages.json b/pages.json
index 45df25e..67b561f 100644
--- a/pages.json
+++ b/pages.json
@@ -253,8 +253,8 @@
 				"path" : "rumorWebView/rumorWebView",
 				"style" :                                                                                    
 				{
-					"navigationBarTitleText": "",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationStyle": "custom"
 				}
 			},
 			{