diff --git a/components/VNavigationBar.vue b/components/VNavigationBar.vue
index 2cf6ed5..546ad52 100644
--- a/components/VNavigationBar.vue
+++ b/components/VNavigationBar.vue
@@ -165,6 +165,6 @@
 
 	.page-top {
 		padding-top: var(--status-bar-height); //给组件加个上边距
-		background-color: white;
+		// background-color: white;
 	}
 </style>
\ No newline at end of file
diff --git a/pages-detail/detail/detail.vue b/pages-detail/detail/detail.vue
index 078d2f6..b5c24e7 100644
--- a/pages-detail/detail/detail.vue
+++ b/pages-detail/detail/detail.vue
@@ -1,10 +1,11 @@
 <template>
 	<view class="detail-container">
 		<view class="top">
-			<view class="navbar">
+			<VNavigationBar title="详情页" background-color="rgba(0,0,0,0)" title-color="#1f2d3d"></VNavigationBar>
+			<!-- <view class="navbar">
 				<uni-icons type="left" color="#1f2d3d" size="22" @click="goBack" />
 				<text class="navbar-title">详情页</text>
-			</view>
+			</view> -->
 
 			<view class="header">
 				<!-- 选项卡 -->
@@ -105,6 +106,7 @@
 
 <script>
 	import request from '@/utils/request';
+	import VNavigationBar from '@/components/VNavigationBar.vue'
 	import {
 		formatCurrency,
 		getDictByCode,
@@ -116,6 +118,9 @@
 	} from "@/utils/permission"; // 权限判断函数
 
 	export default {
+		components: {
+			VNavigationBar,
+		},
 		name: 'DetailPage',
 		data() {
 			return {
@@ -307,6 +312,7 @@
 	.top {
 		background-image: url('/static/images/table_header.png');
 		padding-top: var(--status-bar-height); //给组件加个上边距
+		/* z-index: 1; */
 	}
 
 	.navbar-title {