From 04b48b7656e309425409318937e901575c1d63d6 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Sat, 25 Jul 2026 10:54:56 +0800
Subject: [PATCH] refactor: remove unused border.scss and update styles

Remove the deprecated border.scss stylesheet and its import from the main SCSS entry file. Replace all legacy border utility class usages with explicit border classes:
- Replace border-ff with border border-white
- Replace border-F1F5F9 with border border-[#f1f5f9]
- Replace border-bottom with border-b border-[#e5e8ee]
- Replace border-top-8 with border-t-8 border-[#f5f5f5]
- Update border-none button styles to add after:!hidden to retain original pseudo-element hiding behavior
---
 src/components/CreateServiceOrder/index.vue   |  2 +-
 src/components/DetailPopup/index.vue          |  2 +-
 src/components/Feedback/index.vue             |  2 +-
 src/components/SurveyQuestionnaire/index.vue  |  2 +-
 .../components/ConactSection/index.vue        |  3 +-
 .../components/UserSection/index.vue          |  4 +--
 .../order/components/AmtSection/index.vue     |  2 +-
 .../order/components/FooterSection/index.vue  |  4 +--
 .../order/components/GoodsInfo/index.vue      |  5 +--
 .../order/components/OrderCard/index.vue      |  2 +-
 src/pages/ChatModule/AigcPhotoCard/index.vue  |  2 +-
 .../ChatModule/AnswerComponent/index.vue      |  3 +-
 .../GeneratorPhotoComponent/index.vue         |  2 +-
 .../LongTextGuideCardPreview/index.vue        |  2 +-
 src/pages/ChatModule/MoreService/index.vue    |  2 +-
 .../ChatModule/OpenMapComponent/index.vue     |  2 +-
 .../ChatModule/SharedVisual/CardShell.vue     |  2 +-
 src/pages/ChatModule/ZModuleBase/index.vue    |  2 +-
 .../goods/components/GoodPackage/index.vue    |  2 +-
 src/static/scss/border.scss                   | 31 -------------------
 src/static/scss/index.scss                    |  1 -
 21 files changed, 25 insertions(+), 54 deletions(-)
 delete mode 100644 src/static/scss/border.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 5e4d9fc..8cb6f29 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="create-service-order">
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 22b4bc1..32cdf12 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -9,7 +9,7 @@
       <!-- 内容区域 -->
       <view class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
         <view
-          class="border-box border-bottom flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
+          class="border-box border-b border-[#e5e8ee] flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
           <text class="text-[16px] font-[500] text-[#171717]">在线支付</text>
           <text class="text-[14px] text-[#171717]">239</text>
         </view>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index e83352a..4f4c708 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="create-service-order">
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index 9962613..ecadc12 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="survey-questionnaire w-[calc(100vw_-_24px)]">
-    <view class="bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           调查问卷
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index 202251f..67b45b5 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -18,7 +18,8 @@
 
   <!-- 联系方式 -->
   <view class="bg-white rounded-[12px] overflow-hidden">
-    <view class="border-box border-bottom text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
+    <view class="border-box border-b border-[#e5e8ee] text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">
+      联系方式</view>
     <view class="flex items-center p-[12px]">
       <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
       <view class="right">
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index 93e0fef..a1fe830 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -8,8 +8,8 @@
     </view>
 
     <view class="border-box pl-[12px] pr-[12px]">
-      <view class="border-box border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
-        :key="index">
+      <view class="border-box border-b border-[#e5e8ee] pt-[12px] pb-[12px] flex items-center"
+        v-for="(item, index) in userFormList" :key="index">
         <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
         <view class="right">
           <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index 2a8b578..ec287fe 100644
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -14,7 +14,7 @@
       超时后，订单将自动取消
     </view>
     <view v-if="['1', '2'].includes(orderData.orderStatus)"
-      class="border-box border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
+      class="border-box border-t  border-[#e5e8ee] flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
       <view class="text-[#525866]">取消政策及说明</view>
       <view class="flex items-center" @click="emit('click')">
         <text class="theme-color-500 mr-[4px]">查看详情</text>
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index f2b75f8..badc082 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,12 +1,12 @@
 <template>
   <view class="footer bg-white flex items-center justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none bg-white rounded-[10px] flex items-center justify-center text-[14px] font-[500] text-[#525866] mr-[12px]"
+      class="left border-none after:!hidden bg-white rounded-[10px] flex items-center justify-center text-[14px] font-[500] text-[#525866] mr-[12px]"
       @click="emit('refund', orderData)">
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-[500] bg-[#0CCD58]',
+      'right border-none after:!hidden rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-[500] bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
         'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index fded73c..443454f 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -7,7 +7,7 @@
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
+    <view class="border-box border-b border-[#e5e8ee] text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
@@ -31,7 +31,8 @@
     </view>
 
     <view v-if="orderData.orderStatus === '0'"
-      class="border-box border-top pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">凭[电子凭证]直接验证使用</view>
+      class="border-box border-t  border-[#e5e8ee] pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">
+      凭[电子凭证]直接验证使用</view>
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 83f73b4..1a0d60f 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-none text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
+        class="go-pay border-none after:!hidden text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
         @click.stop="handleCardClick">
         去支付
       </button>
diff --git a/src/pages/ChatModule/AigcPhotoCard/index.vue b/src/pages/ChatModule/AigcPhotoCard/index.vue
index 28612b5..c553ed6 100644
--- a/src/pages/ChatModule/AigcPhotoCard/index.vue
+++ b/src/pages/ChatModule/AigcPhotoCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
 
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index ef98608..86d4bbb 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -1,5 +1,6 @@
 <template>
-  <view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view v-if="shouldRenderCard"
+    class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
diff --git a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
index 6e30837..3262793 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
+  <view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="content flex flex-col m-[4px] rounded-[24px]">
diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index e3f084e..b2eb61e 100644
--- a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">
diff --git a/src/pages/ChatModule/MoreService/index.vue b/src/pages/ChatModule/MoreService/index.vue
index e5af84f..a378453 100644
--- a/src/pages/ChatModule/MoreService/index.vue
+++ b/src/pages/ChatModule/MoreService/index.vue
@@ -7,7 +7,7 @@
       </view>
 
       <view class="list bg-white pl-[20px] pr-[20px]">
-        <view class="item border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
+        <view class="item border-b border-[#e5e8ee] pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
           <view class="flex items-center justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-1">
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index 75cd213..2784271 100644
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
         <!-- 占位撑开 -->
         <view class="w-screen"></view>
         <view class="flex items-center justify-between p-[12px] border-box" @click="openMap">
diff --git a/src/pages/ChatModule/SharedVisual/CardShell.vue b/src/pages/ChatModule/SharedVisual/CardShell.vue
index 8120e6f..b924dc5 100644
--- a/src/pages/ChatModule/SharedVisual/CardShell.vue
+++ b/src/pages/ChatModule/SharedVisual/CardShell.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-[24px] overflow-hidden"
+  <view class="visual-card-shell w-full bg-white border border-[#f1f5f9] rounded-[24px] overflow-hidden"
     :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
     <slot />
   </view>
diff --git a/src/pages/ChatModule/ZModuleBase/index.vue b/src/pages/ChatModule/ZModuleBase/index.vue
index cbf4770..3a70110 100644
--- a/src/pages/ChatModule/ZModuleBase/index.vue
+++ b/src/pages/ChatModule/ZModuleBase/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
+  <view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col m-[4px] rounded-[24px]">
diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
index 5e9ebaa..bdae46d 100644
--- a/src/pages/goods/components/GoodPackage/index.vue
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="border-box border-top-8 pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
+  <view class="border-box border-t-8 border-[#f5f5f5] pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
     <ModuleTitle v-if="showTitle" title="套餐包含内容" />
     <view class="flex flex-items-start flex-col" v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
       <view class="title-row py-[4px] ml-[4px]">
diff --git a/src/static/scss/border.scss b/src/static/scss/border.scss
deleted file mode 100644
index fd69a96..0000000
--- a/src/static/scss/border.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.border-top {
-  border-top: 1px solid #e5e8ee;
-}
-
-.border-bottom {
-  border-bottom: 1px solid #e5e8ee;
-}
-
-.border-top-8 {
-  border-top: 8px solid #f5f5f5;
-}
-
-.border-ff {
-  border: 1px solid #fff;
-}
-
-.border-F1F5F9 {
-  border: 1px solid #f1f5f9;
-}
-
-.border-bottom-F1F5F9 {
-  border-bottom: 1px solid #f1f5f9;
-}
-
-.border-none {
-  border: none;
-
-  &::after {
-    display: none !important;
-  }
-}
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index 349b0e4..a614abb 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -1,3 +1,2 @@
 @import "./background.scss";
-@import "./border.scss";
 @import "./font-family.scss";