From b69d24b96a5c15a3a89b152b9d76579cb72e90bb Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Tue, 10 Mar 2026 16:53:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AE=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E7=9A=84=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                         |  1 +
 src/components/TopNavBar/index.vue | 34 +++++++++---------------------
 src/pages-quick/list.vue           |  2 +-
 3 files changed, 12 insertions(+), 25 deletions(-)

diff --git a/.gitignore b/.gitignore
index cfdf1eb..b8a25e7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist
 *.sw?
 unpackage
 .hbuilderx
+.claude
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index 2be0e1d..a6c19a2 100644
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -1,37 +1,23 @@
 <template>
   <view :class="navBarClass" :style="navBarStyle">
     <!-- 状态栏占位 -->
-    <view
-      :style="{ height: statusBarHeight + 'px' }"
-      v-if="!hideStatusBar"
-    ></view>
+    <view :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></view>
 
     <!-- 导航栏内容 -->
-    <view
-      class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
-      :style="{ height: navBarHeight + 'px' }"
-    >
+    <view class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
+      :style="{ height: navBarHeight + 'px' }">
       <!-- 左侧返回按钮 -->
-      <view
-        class="nav-bar-left flex flex-items-center flex-justify-center"
-        v-if="showBack"
-        @click="handleBack"
-      >
+      <view class="nav-bar-left flex flex-items-center flex-justify-center" v-if="showBack" @click="handleBack">
         <uni-icons type="left" size="20" :color="backIconColor" />
       </view>
 
       <!-- 中间标题区域 -->
-      <view
-        :class="[
-          'nav-bar-center flex flex-items-center flex-justify-center',
-          `nav-bar-center--${titleAlign}`,
-        ]"
-      >
+      <view :class="[
+        'nav-bar-center flex flex-items-center flex-justify-center',
+        `nav-bar-center--${titleAlign}`,
+      ]">
         <slot name="title">
-          <text
-            class="font-size-17 font-500 color-000"
-            :style="{ color: titleColor }"
-          >
+          <text class="font-size-17 font-500 color-000" :style="{ color: titleColor }">
             {{ title }}
           </text>
         </slot>
@@ -68,7 +54,7 @@ const props = defineProps({
   // 背景颜色
   background: {
     type: String,
-    default: "#d9eeff",
+    default: "$theme-color-100",
   },
   // 标题颜色
   titleColor: {
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index 819e3ee..fc9186c 100644
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -2,7 +2,7 @@
   <z-paging ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
     safe-area-inset-bottom @query="queryList">
     <template #top>
-      <TopNavBar title="快速预定" />
+      <TopNavBar title="快速预定" :background="$theme-color-100" />
 
       <Tabs @change="handleTabChange" />