From a23d76c69557736d8223b0584083ca88ff539e14 Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Fri, 29 May 2026 11:49:10 +0800
Subject: [PATCH] style: update link colors and refine booking page UI

replace all usage of theme-color-500 with text-[#2D91FF] for interactive link text across multiple components
refine booking page styling: adjust background gradient, fix navbar color, correct overflow scrolling, clean up unused style imports and fix layout class formatting
---
 src/components/DateRangeSection/index.vue     |  2 +-
 src/pages/booking/index.vue                   | 20 ++++++++-----------
 .../home/components/AnswerComponent/index.vue |  2 +-
 .../order/components/AmtSection/index.vue     |  2 +-
 .../order/components/VoucherList/index.vue    |  2 +-
 5 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 90539cf..fc951a4 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -13,7 +13,7 @@
       </span>
     </div>
     <div class="flex items-center" v-if="showBtn" @click="emit('click')">
-      <span class="text-[12px] theme-color-500 leading-[16px]">房间详情</span>
+      <span class="text-[12px] text-[#2D91FF] leading-[16px]">房间详情</span>
       <van-icon name="arrow-right" size="15" color="#99A0AE" />
     </div>
   </div>
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index d869611..a6cf9b1 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <div class="booking h-screen flex flex-col">
-    <TopNavBar titleAlign="center" :backgroundColor="$theme - color - 100" backIconColor="#000" :shadow="false">
+  <div class="h-screen flex flex-col bg-[linear-gradient(180deg,#e8fff1_0%,#f5f7fa_100%)_0_86px/100%_100px_no-repeat]">
+    <TopNavBar titleAlign="center" backgroundColor="#E8FFF1" backIconColor="#000" :shadow="false">
       <template #title>
         {{ GOODS_TYPE[orderData.orderType] }}
       </template>
     </TopNavBar>
 
-    <div class="booking-content flex-1  p-[12px] overflow-hidden scroll-y">
+    <div class="flex-1  p-[12px] overflow-hidden overflow-y-auto">
       <!-- 预约内容 -->
-      <div class=" bg-white p-[12px] rounded-[12px] mb-[12px]">
+      <div class="bg-white p-[12px] rounded-[12px] mb-[12px]">
         <!-- 酒店类型入住离店日期部分 -->
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
@@ -25,17 +25,17 @@
           <!-- 权益部分 -->
           <div class="flex items-center mb-[8px]">
             <span
-              class="bg-[#f7f7f7]  rounded-[4px] text-[11px] text-ink-600 mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+              class="bg-[#f7f7f7] rounded-[4px] text-[11px] text-ink-600 mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </span>
           </div>
         </div>
 
-        <div class=" flex items-center justify-between pt-[12px]">
-          <span class="text-[12px] text-ink-600 line-height-18">取消政策及说明</span>
+        <div class="flex items-center justify-between pt-[12px]">
+          <span class="text-[12px] text-ink-600 leading-[18px]">取消政策及说明</span>
           <div class="flex items-center">
-            <span class="text-[12px] theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</span>
+            <span class="text-[12px] text-[#2D91FF] leading-[16px]" @click="refundVisible = true">取消政策</span>
             <uni-icons type="right" size="15" color="#99A0AE" />
           </div>
         </div>
@@ -256,7 +256,3 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
   }
 }, 1000);
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index 01c6221..99607e6 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -18,7 +18,7 @@
         <ChatLoading />
       </div>
       <div v-if="isOverflow" class="flex flex-row items-center justify-between mt-4" @click="lookDetailAction">
-        <span class="text-[12px] font-normal theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
+        <span class="text-[12px] font-normal text-[#2D91FF] mr-[4px]">查看完整{{ tag }}</span>
         <uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
       </div>
 
diff --git a/src/pages/order/order/components/AmtSection/index.vue b/src/pages/order/order/components/AmtSection/index.vue
index 625d3a7..1b1b347 100644
--- a/src/pages/order/order/components/AmtSection/index.vue
+++ b/src/pages/order/order/components/AmtSection/index.vue
@@ -17,7 +17,7 @@
       class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
       <div class="text-ink-600">取消政策及说明</div>
       <div class="flex items-center" @click="emit('click')">
-        <span class="theme-color-500 mr-[4px]">查看详情</span>
+        <span class="text-[#2D91FF] mr-[4px]">查看详情</span>
         <uni-icons type="right" size="12" color="#99A0AE" />
       </div>
     </div>
diff --git a/src/pages/order/order/components/VoucherList/index.vue b/src/pages/order/order/components/VoucherList/index.vue
index 48a3098..3ffc58a 100644
--- a/src/pages/order/order/components/VoucherList/index.vue
+++ b/src/pages/order/order/components/VoucherList/index.vue
@@ -15,7 +15,7 @@
           <div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
             总计{{ item.count }}{{ item.unit }}
           </div>
-          <div class="bg-[#f0f8f3] theme-color-500 text-[12px] p-4 rounded-[4px]">
+          <div class="bg-[#f0f8f3] text-[#2D91FF] text-[12px] p-4 rounded-[4px]">
             剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
           </div>
         </div>