Monk页面优化

pages/monk/monk.vue

@@ -1,9 +1,7 @@
 <template>
   <view class="page">
-		<u-navbar title="寺庙高僧" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
-			title-size='36' height='36' id="navbar">
-		</u-navbar>
-    <container>
+    <!-- 使用自定义导航栏组件 -->
+    <custom-navbar title="寺庙高僧" />
 		<view class="header">
 			<image class="background-image" :src="CommonEnum.BACKGROUND" mode="aspectFill"></image>
 			<view class='searchBox'>
@@ -30,8 +28,6 @@
 				</view>
 			</view>
 		</view>
-    </container>
-
 	</view>
 </template>
 
@@ -45,8 +41,12 @@ import {
 	import {
 		getMonkList
 	} from '@/api/monk/monk.js'
+	import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue";
 
 	export default {
+		components: {
+			CustomNavbar
+		},
 		data() {
 			return {
 				bgc: {
@@ -106,11 +106,11 @@ export default {
 
 <style lang="scss">
 	.page {
-  position: relative;
 		width: 750rpx;
 		min-height: 100vh;
 		background: #F5F0E7;
 		border-radius: 0rpx 0rpx 0rpx 0rpx;
+		/* 移除padding-top，因为导航栏已经处理了状态栏适配 */
 	}
 
 	.header {
@@ -119,7 +119,7 @@ export default {
   align-items: center;
   min-height: 100vh;
   background-color: transparent;
-  margin: 20px 14px 40rpx 14px;
+  margin: 10px 14px 40rpx 14px; /* 减少顶部间距 */
   width: 694rpx;
   border-radius: 16rpx;
   position: relative;
@@ -133,6 +133,7 @@ export default {
 		height: 100%;
 		z-index: -1;
 		border-radius: 16rpx;
+		/* 确保背景图不被导航栏遮挡 */
 	}
 
 	.searchBox {
@@ -143,7 +144,7 @@ export default {
   background: #FFFBF5;
   border-radius: 10rpx;
   border: 1rpx solid #C7A26D;
-  margin-top: 20rpx;
+  margin-top: 10rpx; /* 进一步减少顶部间距 */
   padding: 0 12rpx;
 }
 
@@ -184,6 +185,7 @@ export default {
 	.monk-list {
 		width: 100%;
 		margin-top: 24rpx;
+		/* 确保列表内容正常显示 */
 	}
 
 	.monk-item {