From e57617d2c6186b6a0171b5579f4406e8090a064a Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Fri, 24 Jul 2026 16:03:00 +0800
Subject: [PATCH] refactor: replace theme color utility classes with direct hex
 values

remove unused theme color background utility classes from background.scss,
swap all instances of bg-theme-color-50 and bg-theme-color-500 with their
corresponding hex values across vue components, and update bg-liner gradient
to use direct hex colors instead of theme variables
---
 src/components/CreateServiceOrder/index.vue   |  2 +-
 src/components/Feedback/index.vue             |  2 +-
 src/components/SurveyQuestionnaire/index.vue  |  2 +-
 .../order/components/FooterSection/index.vue  |  2 +-
 .../order/components/OrderQrcode/index.vue    |  7 +++----
 .../order/components/VoucherList/index.vue    |  5 ++---
 .../ChatModule/OpenMapComponent/index.vue     |  2 +-
 src/static/scss/background.scss               | 19 ++-----------------
 8 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 7f7e4c6..9765b9a 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="create-service-order">
     <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
         </text>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index d51cde7..7907de8 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="create-service-order">
     <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
         </text>
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index c5e458a..f4c0c4b 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="survey-questionnaire w-vw-24">
     <view class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           调查问卷
         </text>
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index f9df288..c5d9d3b 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -6,7 +6,7 @@
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-theme-color-500',
+      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
         'color-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 1e7d0fd..bc3649a 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -23,7 +23,7 @@
             <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
               selectedVoucher.unit }}
             </view>
-            <view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
           </view>
         </view>
@@ -31,7 +31,7 @@
         <view
           class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-16 pb-32 mt-12">
           <view class="flex flex-row flex-justify-between border-box w-full px-12">
-            <view class="bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
             <view class="text-color-500 font-size-14 px-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}份</view>
@@ -43,8 +43,7 @@
               :onval="true" />
           </view>
 
-          <view v-if="false"
-            class="mt-20 bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
+          <view v-if="false" class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
             {{ selectedVoucher.name }}
           </view>
         </view>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index 29e402b..16e1bab 100644
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -12,14 +12,13 @@
         <view class="flex flex-row mt-8">
           <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ item.count }}{{ item.unit }}
           </view>
-          <view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
+          <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
           }}{{ item.unit }}可用</view>
         </view>
       </view>
 
       <view class="flex flex-items-center px-14 py-8 rounded-8"
-        :class="[item.packageStatus === 0 ? 'bg-theme-color-500' : 'bg-[#f5f5f5]']"
-        @click="handleShowQrcode(item, index)">
+        :class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
         <text v-if="item.packageStatus === 0" class="font-size-14 color-white">出示凭证</text>
         <text v-else class="font-size-14 text-color-300">已核销</text>
       </view>
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index ae32da8..b4e32d5 100644
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -3,7 +3,7 @@
         <!-- 占位撑开 -->
         <view class="w-vw"></view>
         <view class="flex flex-items-center flex-justify-between p-12 border-box" @click="openMap">
-            <view class="rounded-16 p-16 bg-theme-color-50">
+            <view class="rounded-16 p-16 bg-[#F0F8F3]">
                 <view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
                     <uni-icons type="location" size="16" color="#171717" />
                 </view>
diff --git a/src/static/scss/background.scss b/src/static/scss/background.scss
index 671ffaa..0a21a11 100644
--- a/src/static/scss/background.scss
+++ b/src/static/scss/background.scss
@@ -1,26 +1,11 @@
-// 背景颜色
-
-.bg-theme-color-500 {
-  background-color: $theme-color-500;
-}
-
-.bg-theme-color-100 {
-  background-color: $theme-color-100;
-}
-
-.bg-theme-color-50 {
-  background-color: $theme-color-50;
-}
-
 .bg-liner {
   background:
-    linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
+    linear-gradient(205deg, #e8fff1 0%, rgba(138, 227, 252, 0) 20%),
     linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
     radial-gradient(
       48% 48% at 61% 118%,
       #ffffff 0%,
       rgba(255, 255, 255, 0) 100%
     ),
-    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%),
-    $theme-color-50;
+    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, #f0f8f3 50%), #f0f8f3;
 }