From cb7054cd903fe8e56341387be1078f5dcca80942 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Fri, 24 Jul 2026 16:48:07 +0800
Subject: [PATCH] refactor: replace border-box with box-border and clean up
 unused scss

Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file.
Update all Vue component template class references from the custom border-box class to the
native box-border utility class to eliminate redundant custom CSS and align with the project's
utility class conventions.
---
 src/components/CreateServiceOrder/index.vue   | 10 +++----
 src/components/DateRangeSection/index.vue     | 22 ++++++---------
 src/components/Feedback/index.vue             |  6 ++---
 src/components/Stepper/index.vue              |  2 +-
 src/components/SurveyQuestionnaire/index.vue  |  2 +-
 src/components/SwipeCards/index.vue           |  4 +--
 src/components/TopNavBar/index.vue            |  2 +-
 .../components/ConactSection/index.vue        |  4 +--
 .../components/FooterSection/index.vue        |  4 +--
 .../components/UserSection/index.vue          |  4 +--
 src/pages-booking/index.vue                   |  4 +--
 .../order/components/AmtSection/index.vue     |  2 +-
 .../order/components/FooterSection/index.vue  |  4 +--
 .../order/components/GoodsInfo/index.vue      |  2 +-
 .../components/OrderCard/OrderCardContent.vue |  2 +-
 .../order/components/OrderCard/index.vue      |  4 +--
 .../order/components/OrderInfo/index.vue      |  2 +-
 .../order/components/OrderQrcode/index.vue    |  6 ++---
 .../order/components/UserInfo/index.vue       |  2 +-
 .../order/components/VoucherList/index.vue    |  2 +-
 src/pages-order/order/detail.vue              | 20 +++++---------
 src/pages-quick/components/Card/index.vue     |  6 ++---
 src/pages-quick/list.vue                      |  4 +--
 .../order/components/OrderCard/index.vue      |  6 ++---
 src/pages/ChatMain/ChatCardOther/index.vue    |  2 +-
 src/pages/ChatMain/ChatLongAnswer/index.vue   |  2 +-
 src/pages/ChatMain/ChatMoreTips/index.vue     | 11 ++------
 src/pages/ChatMain/ChatQuickAccess/index.vue  |  2 +-
 src/pages/ChatMain/ChatTopWelcome/index.vue   |  4 +--
 src/pages/ChatMain/NoticeMessage/detail.vue   |  2 +-
 src/pages/ChatModule/AigcPhotoCard/index.vue  | 27 +++++++++----------
 .../ChatModule/AnswerComponent/index.vue      |  2 +-
 src/pages/ChatModule/CallMobile/index.vue     |  2 +-
 .../GeneratorPhotoComponent/index.vue         | 12 ++++-----
 .../ChatModule/LongTextGuideCard/index.vue    |  2 +-
 .../LongTextGuideCardPreview/index.vue        |  2 +-
 src/pages/ChatModule/MoreService/index.vue    |  8 +++---
 .../ChatModule/OpenMapComponent/index.vue     |  2 +-
 src/pages/ChatModule/PoiDetailCard/index.vue  |  2 +-
 .../ChatModule/SharedVisual/CardShell.vue     |  7 ++---
 .../ChatModule/SharedVisual/DetailShell.vue   |  2 +-
 src/pages/ChatModule/ZModuleBase/index.vue    |  8 +++---
 .../components/QuickQuestions/index.vue       |  2 +-
 src/pages/goods/components/GoodInfo/index.vue |  2 +-
 src/pages/goods/index.vue                     |  2 +-
 src/static/scss/box-sizing.scss               |  3 ---
 src/static/scss/index.scss                    |  1 -
 47 files changed, 103 insertions(+), 132 deletions(-)
 delete mode 100644 src/static/scss/box-sizing.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index feaa81f..1ab88af 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-box border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
       <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 ? "服务已创建" : "呼叫服务" }}
@@ -10,24 +10,24 @@
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
         <view
-          class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+          class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
           <text class="font-500 line-height-22 mr-20">所在位置</text>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </view>
 
         <view
-          class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+          class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
           <text class="font-500 line-height-22 mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </view>
 
-        <view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
           <view class="font-500 line-height-22 mb-12">需求信息描述</view>
           <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
 
-        <view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
           <view class="font-500 line-height-22 mb-12">照片上传</view>
 
           <view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index e85bdd8..432f289 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -5,10 +5,8 @@
       <text class="font-size-12 color-171717 mr-16">
         {{ selectedDate.startDate }}
       </text>
-      <text
-        class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative"
-        >{{ selectedDate.totalDays }}晚</text
-      >
+      <text class="total box-border rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
+        selectedDate.totalDays }}晚</text>
       <text class="font-size-12 color-99A0AE ml-16">离店</text>
       <text class="font-size-12 color-171717 ml-4">
         {{ selectedDate.endDate }}
@@ -57,20 +55,16 @@ const emit = defineEmits(["click"]);
   }
 
   &::before {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 1),
-      rgba(67, 102, 154, 0)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 1),
+        rgba(67, 102, 154, 0));
     left: -9px;
   }
 
   &::after {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 0),
-      rgba(67, 102, 154, 1)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 0),
+        rgba(67, 102, 154, 1));
     right: -9px;
   }
 }
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 8769459..a4ba6cb 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-box border-ff overflow-hidden rounded-20">
+    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20">
       <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 ? "反馈已创建" : "反馈意见" }}
@@ -10,11 +10,11 @@
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
         <view
-          class="bg-[#f5f7fa] border-box flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+          class="bg-[#f5f7fa] box-border flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
           <text class="font-500 line-height-22 mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
-        <view class="bg-[#f5f7fa] border-box p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] box-border p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
           <view class="font-500 line-height-22 mb-12">意见内容</view>
           <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
diff --git a/src/components/Stepper/index.vue b/src/components/Stepper/index.vue
index 8baffc8..35a409a 100644
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="stepper-wrapper border-box flex flex-items-center rounded-8">
+  <view class="stepper-wrapper box-border flex flex-items-center rounded-8">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
     <text class="stepper-text text-center font-size-14 font-500 color-000 ml-4 mr-4">
       {{ value }} {{ unit }}
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index f4c0c4b..60dd79b 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="survey-questionnaire w-vw-24">
-    <view class="bg-white border-box border-ff overflow-hidden rounded-20">
+    <view class="bg-white box-border border-ff overflow-hidden rounded-20">
       <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]">
           调查问卷
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index b62aace..26e46cc 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="card border-box pb-[12px] relative mt-12">
+  <view class="card box-border pb-[12px] relative mt-12">
     <view class="card-item absolute overflow-hidden" v-for="(card, index) in list" :key="card.__uid"
       :style="[itemStyle(index, card), transformStyle(index, card)]" @touchstart.stop="touchStart($event, index)"
       @touchmove.stop.prevent="touchMove($event, index)" @touchend.stop="touchEnd(index)"
@@ -11,7 +11,7 @@
         </view>
 
         <!-- 底部：价格 + 购买按钮 -->
-        <view class="card-footer border-box p-[12px] flex flex-justify-between flex-items-center">
+        <view class="card-footer box-border p-[12px] flex flex-justify-between flex-items-center">
           <view class="border-box">
             <view class="font-size-14 font-500 color-333 ellipsis-1">
               {{ card.commodityName }}
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index e726568..0cd1c12 100644
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -4,7 +4,7 @@
     <view :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></view>
 
     <!-- 导航栏内容 -->
-    <view class="flex flex-items-center flex-justify-between border-box pl-[8px] pr-[8px]" :style="navContentStyle">
+    <view class="flex flex-items-center flex-justify-between box-border pl-[8px] pr-[8px]" :style="navContentStyle">
       <!-- 左侧返回按钮 -->
       <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" />
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index a99e7dd..d71d75a 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -19,7 +19,7 @@
   <!-- 联系方式 -->
   <view class="bg-white rounded-12 overflow-hidden">
     <view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view>
-    <view class="flex flex-items-center border-box p-[12px]">
+    <view class="flex flex-items-center box-border p-[12px]">
       <view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
       <view class="right">
         <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
@@ -27,7 +27,7 @@
       </view>
     </view>
 
-    <view class="flex flex-items-center border-box p-[12px]">
+    <view class="flex flex-items-center box-border p-[12px]">
       <view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
       <view class="right">
         <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
diff --git a/src/pages-booking/components/FooterSection/index.vue b/src/pages-booking/components/FooterSection/index.vue
index 18f7c5e..3ec5dfb 100644
--- a/src/pages-booking/components/FooterSection/index.vue
+++ b/src/pages-booking/components/FooterSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="booking-footer border-box bg-white flex flex-items-center font-family-misans-vf">
+  <view class="booking-footer box-border bg-white flex flex-items-center font-family-misans-vf">
     <text class="amt font-size-20 font-bold color-FF3D60 line-height-28 flex flex-items-center mr-8">
       {{ totalAmt }}
     </text>
@@ -7,7 +7,7 @@
       <text class="font-size-12 color-A3A3A3 mr-4">明细</text>
       <uni-icons type="up" size="16" color="#A3A3A3" />
     </view> -->
-    <view class="btn border-box rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
+    <view class="btn box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
       <image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
       <text class="font-size-16 font-500 color-white">立即支付</text>
     </view>
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index af0a127..4717da0 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="flex flex-items-center border-box p-[12px] border-bottom">
+    <view class="flex flex-items-center box-border p-[12px] border-bottom">
       <view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view>
       <view class="right">
         <Stepper v-model="count" unit="间" />
@@ -17,7 +17,7 @@
         </view>
       </view>
 
-      <view class="flex flex-items-center border-box pt-[12px] pb-[12px]">
+      <view class="flex flex-items-center box-border pt-[12px] pb-[12px]">
         <view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
         <view class="right">
           <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
diff --git a/src/pages-booking/index.vue b/src/pages-booking/index.vue
index a7257c5..7816d54 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -6,7 +6,7 @@
       </template>
     </TopNavBar>
 
-    <view class="booking-content flex-full border-box p-[12px] overflow-hidden scroll-y">
+    <view class="booking-content flex-full box-border p-[12px] overflow-hidden scroll-y">
       <!-- 预约内容 -->
       <view class="border-box bg-white p-[12px] rounded-12 mb-12">
         <!-- 酒店类型入住离店日期部分 -->
@@ -25,7 +25,7 @@
           <!-- 权益部分 -->
           <view class="flex flex-items-center mb-8">
             <text
-              class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+              class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </text>
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index e4ff432..3ddfa76 100644
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white border-box rounded-12 p-[12px] mb-12">
+  <view class="bg-white box-border rounded-12 p-[12px] mb-12">
     <view class="flex flex-items-center flex-justify-between">
       <view class="flex flex-items-center">
         <text class="font-size-16 color-171717 line-height-24 font-500">
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index b61efa1..712ecc7 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="footer bg-white border-box flex flex-items-center flex-justify-between p-[12px]">
+  <view class="footer bg-white box-border flex flex-items-center flex-justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none border-box bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
+      class="left border-none box-border bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
       @click="emit('refund', orderData)">
       申请退款
     </button>
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index 7beae37..c300154 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -13,7 +13,7 @@
 
     <!-- 权益部分 -->
     <view class="border-box flex flex-items-center pt-[12px]">
-      <text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+      <text class="bg-[#f7f7f7] box-border rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
         v-for="(item, index) in commodityFacilityList" :key="index">
         {{ item }}
       </text>
diff --git a/src/pages-order/order/components/OrderCard/OrderCardContent.vue b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
index 6fda42f..4678aea 100644
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="card-content border-box pt-[12px]">
+  <view class="card-content box-border pt-[12px]">
     <view class="flex items-center justify-between">
       <view class="left flex-full font-size-14 line-height-20 color-171717 mr-12">
         {{ orderData.commodityName }}
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 4be8e93..1b1b728 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="order-card bg-white border-box p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
+  <view class="order-card bg-white box-border p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
     <!-- 卡片头部 -->
     <view class="card-header flex items-center">
       <view class="status-info flex items-center flex-full">
@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-box border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
+        class="go-pay box-border border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
         @click.stop="handleCardClick">
         去支付
       </button>
diff --git a/src/pages-order/order/components/OrderInfo/index.vue b/src/pages-order/order/components/OrderInfo/index.vue
index 1d8deec..21851d8 100644
--- a/src/pages-order/order/components/OrderInfo/index.vue
+++ b/src/pages-order/order/components/OrderInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white border-box rounded-10 p-[12px]">
+  <view class="bg-white box-border rounded-10 p-[12px]">
     <view class="flex mb-8 font-size-12">
       <text class="w-60 color-99A0AE">订单编号</text>
       <text class="color-525866">{{ orderData.orderId }}</text>
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 270fe0d..ec2d3e1 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -11,7 +11,7 @@
       </view>
 
       <view
-        class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
+        class="bg-white box-border rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
 
         <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
           <view>
@@ -31,8 +31,8 @@
         </view>
 
         <view
-          class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-[16px] pb-[32px] mt-12">
-          <view class="flex flex-row flex-justify-between border-box w-full px-[12px]">
+          class="flex flex-col w-full flex-items-center flex-justify-center box-border rounded-8 border pt-[16px] pb-[32px] mt-12">
+          <view class="flex flex-row flex-justify-between box-border w-full px-[12px]">
             <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
             <view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count
diff --git a/src/pages-order/order/components/UserInfo/index.vue b/src/pages-order/order/components/UserInfo/index.vue
index fefb5bb..a64f65e 100644
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white border-box rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
+  <view class="bg-white box-border rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
     <view v-for="(item, index) in consumerList" :key="index">
       <view class="flex mb-8 font-size-12">
         <text class="w-60 color-99A0AE">住客姓名</text>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index 538ca10..7dd6c64 100644
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="bg-white border-box rounded-12 px-[12px] pt-[12px] mb-12">
+  <view class="bg-white box-border rounded-12 px-[12px] pt-[12px] mb-12">
     <text class="font-size-16 color-171717 line-height-24 font-500">
       核销凭证列表
     </text>
diff --git a/src/pages-order/order/detail.vue b/src/pages-order/order/detail.vue
index fa79732..4427900 100644
--- a/src/pages-order/order/detail.vue
+++ b/src/pages-order/order/detail.vue
@@ -1,11 +1,12 @@
 <template>
   <view class="order-detail-page flex flex-col h-screen">
-    <TopNavBar titleAlign="center" :background="$theme-color-100" title="订单详情" />
+    <TopNavBar titleAlign="center" :background="$theme - color - 100" title="订单详情" />
 
-    <view class="order-detail-wrapper border-box flex-full overflow-hidden scroll-y">
+    <view class="order-detail-wrapper box-border flex-full overflow-hidden scroll-y">
       <OrderStatusInfo :orderData="orderData" />
 
-      <VoucherList v-if="orderData.orderType != 0 && orderData.orderStatus === '2'" :orderData="orderData" @selected="handleSelectedVoucher" />
+      <VoucherList v-if="orderData.orderType != 0 && orderData.orderStatus === '2'" :orderData="orderData"
+        @selected="handleSelectedVoucher" />
 
       <AmtSection :orderData="orderData" @click="refundVisible = true" />
 
@@ -16,19 +17,12 @@
       <OrderInfo :orderData="orderData" />
     </view>
 
-    <FooterSection :orderData="orderData" @refund="handleRefundConfirm" @refresh="handlePaySuccess" />   
+    <FooterSection :orderData="orderData" @refund="handleRefundConfirm" @refresh="handlePaySuccess" />
   </view>
 
   <!-- 核销凭证 二维码 -->
-  <OrderQrcode
-    v-if="orderData.orderStatus === '2'"
-    v-show="visbleQrcode"
-    v-model="visbleQrcode"
-    :orderData="orderData"
-    :selectedVoucher="selectedVoucher"
-    :selectedVoucherIndex="selectedVoucherIndex"
-    @close="handleClose"
-  />
+  <OrderQrcode v-if="orderData.orderStatus === '2'" v-show="visbleQrcode" v-model="visbleQrcode" :orderData="orderData"
+    :selectedVoucher="selectedVoucher" :selectedVoucherIndex="selectedVoucherIndex" @close="handleClose" />
 
   <!-- 退款状态显示 -->
   <RefundPopup v-model="refundVisible" :orderData="orderData" />
diff --git a/src/pages-quick/components/Card/index.vue b/src/pages-quick/components/Card/index.vue
index 1e04075..628e4f9 100644
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view class="card bg-white border-box p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
+  <view class="card bg-white box-border p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
     <image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
-    <view class="right border-box flex-full pl-[12px]">
+    <view class="right box-border flex-full pl-[12px]">
       <view class="font-size-16 line-height-24 color-171717 mb-4">
         {{ item.commodityName }}
       </view>
@@ -19,7 +19,7 @@
         <text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE">
           /{{ item.stockUnitLabel }}
         </text>
-        <text class="btn border-box rounded-10 color-white ml-16">订</text>
+        <text class="btn box-border rounded-10 color-white ml-16">订</text>
       </view>
     </view>
   </view>
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index 181220e..0df3273 100644
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -8,7 +8,7 @@
 
       <!-- 选择入住、离店日期 0:是酒店 -->
       <view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
-        class="bg-white border-box flex flex-items-center p-[12px]">
+        class="bg-white box-border flex flex-items-center p-[12px]">
         <view class="in flex flex-items-center">
           <text class="font-size-11 font-500 color-99A0AE mr-4">入住</text>
           <text class="font-size-14 font-500 color-171717">
@@ -17,7 +17,7 @@
         </view>
 
         <!-- 几晚 -->
-        <text class="nights bg-[#e5e8ee] border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
+        <text class="nights bg-[#e5e8ee] box-border font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
           {{ selectedDate.totalDays }}晚
         </text>
 
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 6bafa52..e6a5460 100644
--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="order-card bg-white border-box p-[12px] rounded-12 m-12">
+  <view class="order-card bg-white box-border p-[12px] rounded-12 m-12">
     <!-- 卡片头部 -->
     <view class="border-box flex flex-items-center pb-[12px]">
       <image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
@@ -21,7 +21,7 @@
 
     <!-- 服务人员 -->
     <view v-if="orderData.processMemberName && orderData.processMemberPhone"
-      class="service-user border-box p-[8px] flex flex-items-center flex-justify-between mb-12">
+      class="service-user box-border p-[8px] flex flex-items-center flex-justify-between mb-12">
       <view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view>
       <uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
       <text class="font-size-12 line-height-16" @click="callService">拨打电话</text>
@@ -33,7 +33,7 @@
       orderData.workOrderStatus !== '2' &&
       orderData.workOrderStatus !== '3'
     " class="flex flex-items-center flex-justify-between">
-      <text class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+      <text class="cancel box-border border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
         @click="cancelCall">取消呼叫</text>
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatCardOther/index.vue b/src/pages/ChatMain/ChatCardOther/index.vue
index 59ebe86..166f773 100644
--- a/src/pages/ChatMain/ChatCardOther/index.vue
+++ b/src/pages/ChatMain/ChatCardOther/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full border-box flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
+  <view class="w-full box-border flex flex-col overflow-hidden pl-[12px] mt-6 mb-6">
     <text class="font-size-14 color-333">{{ text }}</text>
     <slot></slot>
   </view>
diff --git a/src/pages/ChatMain/ChatLongAnswer/index.vue b/src/pages/ChatMain/ChatLongAnswer/index.vue
index 64007d6..6797bc6 100644
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -9,7 +9,7 @@
     <scroll-view class="flex-full overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId"
       scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd"
       @touchcancel="onTouchEnd">
-      <view class="flex flex-col pt-[12px] px-[16px] pb-[24px] border-box gap-10">
+      <view class="flex flex-col pt-[12px] px-[16px] pb-[24px] box-border gap-10">
         <template v-if="hasStructuredLongTextData">
           <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
             <view v-if="headerSections.title" class="long-answer-title">
diff --git a/src/pages/ChatMain/ChatMoreTips/index.vue b/src/pages/ChatMain/ChatMoreTips/index.vue
index 13c4c4e..7754a3f 100644
--- a/src/pages/ChatMain/ChatMoreTips/index.vue
+++ b/src/pages/ChatMain/ChatMoreTips/index.vue
@@ -1,15 +1,8 @@
 <template>
   <view class="more-tips bg-white border-box">
     <view class="font-size-0 whitespace-nowrap scroll-x">
-      <view
-        class="more-tips-item border-box inline-block mr-8"
-        v-for="(item, index) in guideWords"
-        :key="index"
-      >
-        <text
-          :class="['font-500 font-size-12 text-center', `color-${index}`]"
-          @click="sendReply(item)"
-        >
+      <view class="more-tips-item box-border inline-block mr-8" v-for="(item, index) in guideWords" :key="index">
+        <text :class="['font-500 font-size-12 text-center', `color-${index}`]" @click="sendReply(item)">
           {{ item }}
         </text>
       </view>
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index b8197a5..1d4baab 100644
--- a/src/pages/ChatMain/ChatQuickAccess/index.vue
+++ b/src/pages/ChatMain/ChatQuickAccess/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view>
     <view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
-      <view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
+      <view class="item box-border rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
         @click="sendReply(item)">
         <view class="flex items-center justify-center">
           <image v-if="item.icon" class="icon" :src="item.icon" />
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index 387f2ca..1d53950 100644
--- a/src/pages/ChatMain/ChatTopWelcome/index.vue
+++ b/src/pages/ChatMain/ChatTopWelcome/index.vue
@@ -1,8 +1,8 @@
 v
 <template>
-  <view class="welcome-content border-box p-[12px]">
+  <view class="welcome-content box-border p-[12px]">
     <view class="wrap rounded-20">
-      <view class="flex flex-items-center flex-justify-between border-box pl-[12px] pr-[12px]">
+      <view class="flex flex-items-center flex-justify-between box-border pl-[12px] pr-[12px]">
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
diff --git a/src/pages/ChatMain/NoticeMessage/detail.vue b/src/pages/ChatMain/NoticeMessage/detail.vue
index 76291a6..7669083 100644
--- a/src/pages/ChatMain/NoticeMessage/detail.vue
+++ b/src/pages/ChatMain/NoticeMessage/detail.vue
@@ -7,7 +7,7 @@
 
     <!-- ✅ 滚动区域 -->
     <scroll-view class="flex-full overflow-hidden" scroll-y>
-      <view class="pb-[24px] border-box overflow-hidden">
+      <view class="pb-[24px] box-border overflow-hidden">
         <image v-if="coverImage" class="w-full h-auto block" :src="coverImage" mode="widthFix" />
 
         <view class="pt-[16px] px-[12px] pb-[24px] border-box">
diff --git a/src/pages/ChatModule/AigcPhotoCard/index.vue b/src/pages/ChatModule/AigcPhotoCard/index.vue
index d8bbb7c..93de7de 100644
--- a/src/pages/ChatModule/AigcPhotoCard/index.vue
+++ b/src/pages/ChatModule/AigcPhotoCard/index.vue
@@ -1,28 +1,27 @@
 <template>
-  <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
-  <!-- 占位撑开 -->
-  <view class="w-vw"></view>
-  
-  <view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
+  <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
+    <!-- 占位撑开 -->
+    <view class="w-vw"></view>
+
+    <view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
       :class="{ 'is-disabled': disabled, 'is-empty': !videoUrl }" @click="handleAction">
       <video v-if="videoUrl" :id="videoId" class="aigc-photo-card__video block w-full" :src="videoUrl" :poster="poster"
         :controls="!disabled" :show-center-play-btn="!disabled" :show-play-btn="!disabled"
-        :show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled"
-        :direction="fullscreenDirection" object-fit="cover" @click.stop @play="handlePlay"
-        @fullscreenchange="handleFullScreenChange" @error="handleError" />
-      <view
-        v-if="videoUrl && !disabled"
+        :show-fullscreen-btn="!disabled" :enable-progress-gesture="!disabled" :direction="fullscreenDirection"
+        object-fit="cover" @click.stop @play="handlePlay" @fullscreenchange="handleFullScreenChange"
+        @error="handleError" />
+      <view v-if="videoUrl && !disabled"
         class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center color-white font-size-12"
-        @click.stop="requestFullScreen"
-      >
+        @click.stop="requestFullScreen">
         全屏
       </view>
-      <view v-if="!videoUrl" class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
+      <view v-if="!videoUrl"
+        class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
         视频地址为空
       </view>
     </view>
   </view>
-  
+
 </template>
 
 <script setup>
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index 1a34e0b..9bbdd4b 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="shouldRenderCard" class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
+  <view v-if="shouldRenderCard" class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
diff --git a/src/pages/ChatModule/CallMobile/index.vue b/src/pages/ChatModule/CallMobile/index.vue
index bf02d97..740a13f 100644
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -1,6 +1,6 @@
 <template>
   <uni-popup ref="popup" type="center" :safe-area="false">
-    <view class="popup-content bg-white border-box mx-24 px-[12px] py-16 rounded-12">
+    <view class="popup-content bg-white box-border mx-24 px-[12px] py-16 rounded-12">
       <view class="header flex flex-items-center pb-[12px]">
         <view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">呼叫热线</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
diff --git a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
index d08b31f..4124cd0 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="content flex flex-col m-4 border-box rounded-24">
-      <view class="flex flex-col p-[6px] border-box flex-items-center justify-center">
+    <view class="content flex flex-col m-4 box-border rounded-24">
+      <view class="flex flex-col p-[6px] box-border flex-items-center justify-center">
         <image class="w-full rounded-20" :src="componentDataMap.background" mode="widthFix" />
 
         <!-- 左上角标签 -->
@@ -18,10 +18,10 @@
           {{ componentDataMap.description }}
         </text>
 
-        <view class="w-full border-box px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
-          <view class="btn-bg w-full border-box p-[4px] rounded-24 flex flex-row">
+        <view class="w-full box-border px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
+          <view class="btn-bg w-full box-border p-[4px] rounded-24 flex flex-row">
             <view
-              class="btn-bg-sub w-full border-box p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
+              class="btn-bg-sub w-full box-border p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
               {{ componentDataMap.buttonName }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/LongTextGuideCard/index.vue b/src/pages/ChatModule/LongTextGuideCard/index.vue
index 61cafac..9fa0ce0 100644
--- a/src/pages/ChatModule/LongTextGuideCard/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCard/index.vue
@@ -20,7 +20,7 @@
       </view>
     </view>
 
-    <view v-else class="long-text-guide-card__detail-card bg-white rounded-24 border-box overflow-hidden">
+    <view v-else class="long-text-guide-card__detail-card bg-white rounded-24 box-border overflow-hidden">
       <view class="long-text-guide-card__detail-header flex flex-items-center border-bottom-F1F5F9">
         <view class="long-text-guide-card__back flex flex-items-center flex-justify-center rounded-full font-700"
           @click="closeDetail">
diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index 187eb38..8f3d225 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-box border-ff overflow-hidden rounded-20 flex flex-col">
+  <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></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 28cf1c0..7a9872b 100644
--- a/src/pages/ChatModule/MoreService/index.vue
+++ b/src/pages/ChatModule/MoreService/index.vue
@@ -1,13 +1,13 @@
 <template>
   <uni-popup ref="popup" type="bottom" :safe-area="false">
-    <view class="popup-content border-box pt-[12px] pl-[12px] pr-[12px]">
+    <view class="popup-content box-border pt-[12px] pl-[12px] pr-[12px]">
       <view class="header flex flex-items-center pb-[12px]">
         <view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">更多服务</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
       </view>
 
-      <view class="list bg-white border-box pl-[20px] pr-[20px]">
-        <view class="item border-box border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
+      <view class="list bg-white box-border pl-[20px] pr-[20px]">
+        <view class="item box-border border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
           <view class="flex flex-items-center flex-justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-full">
@@ -18,7 +18,7 @@
                 {{ item.content }}
               </view>
             </view>
-            <view class="right border-box font-size-12 color-white line-height-16" @click="handleClick(item)">
+            <view class="right box-border font-size-12 color-white line-height-16" @click="handleClick(item)">
               {{ item.btnText }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index 770b197..1d7796e 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-box border-ff overflow-hidden rounded-20 flex flex-col">
+    <view class="w-full bg-white box-border border-ff overflow-hidden rounded-20 flex flex-col">
         <!-- 占位撑开 -->
         <view class="w-vw"></view>
         <view class="flex flex-items-center flex-justify-between p-[12px] border-box" @click="openMap">
diff --git a/src/pages/ChatModule/PoiDetailCard/index.vue b/src/pages/ChatModule/PoiDetailCard/index.vue
index 3d3b6ec..46a64e0 100644
--- a/src/pages/ChatModule/PoiDetailCard/index.vue
+++ b/src/pages/ChatModule/PoiDetailCard/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="poi-detail-card bg-white rounded-24 border-box overflow-hidden">
+  <view class="poi-detail-card bg-white rounded-24 box-border overflow-hidden">
     <view class="poi-detail-card__hero relative">
       <image class="poi-detail-card__image w-full h-full block rounded-18" :src="data.image" mode="aspectFill" />
       <view class="poi-detail-card__badge flex flex-items-center gap-4 font-size-10 font-900">
diff --git a/src/pages/ChatModule/SharedVisual/CardShell.vue b/src/pages/ChatModule/SharedVisual/CardShell.vue
index c3938f6..4c2e5a9 100644
--- a/src/pages/ChatModule/SharedVisual/CardShell.vue
+++ b/src/pages/ChatModule/SharedVisual/CardShell.vue
@@ -1,9 +1,6 @@
 <template>
-  <view
-    class="visual-card-shell w-full bg-white border-F1F5F9 rounded-24 border-box overflow-hidden"
-    :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]"
-    @click="handleClick"
-  >
+  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-24 box-border overflow-hidden"
+    :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
     <slot />
   </view>
 </template>
diff --git a/src/pages/ChatModule/SharedVisual/DetailShell.vue b/src/pages/ChatModule/SharedVisual/DetailShell.vue
index 8716532..390f260 100644
--- a/src/pages/ChatModule/SharedVisual/DetailShell.vue
+++ b/src/pages/ChatModule/SharedVisual/DetailShell.vue
@@ -1,6 +1,6 @@
 <template>
   <CardShell variant="detail">
-    <view class="visual-detail__header flex flex-items-center px-[16px] border-box border-bottom-F1F5F9">
+    <view class="visual-detail__header flex flex-items-center px-[16px] box-border border-bottom-F1F5F9">
       <view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] color-334155 font-900 text-center"
         @click="$emit('back')">
         <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
diff --git a/src/pages/ChatModule/ZModuleBase/index.vue b/src/pages/ChatModule/ZModuleBase/index.vue
index c72e4d8..c33b60c 100644
--- a/src/pages/ChatModule/ZModuleBase/index.vue
+++ b/src/pages/ChatModule/ZModuleBase/index.vue
@@ -1,9 +1,9 @@
 <template>
-    <view class="container w-full border-box border-ff overflow-hidden rounded-24 flex flex-col">
+  <view class="container w-full box-border border-ff overflow-hidden rounded-24 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="flex flex-col m-4 border-box rounded-24">
-        <slot name="content"></slot>
+    <view class="flex flex-col m-4 box-border rounded-24">
+      <slot name="content"></slot>
     </view>
   </view>
 </template>
@@ -12,10 +12,8 @@
 </script>
 
 <style scoped>
-
 .container {
   background: rgba(255, 255, 255, 0.2);
   box-shadow: 0px 9px 34px 0px rgba(27, 9, 91, 0.07);
 }
-
 </style>
\ No newline at end of file
diff --git a/src/pages/Discovery/components/QuickQuestions/index.vue b/src/pages/Discovery/components/QuickQuestions/index.vue
index 773468b..2c7b931 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -8,7 +8,7 @@
         <view class="flex flex-row flex-justify-start p-[10px]">
           <image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
 
-          <view class="min-width-0 flex flex-col flex-full border-box pl-[8px] py-[4px]">
+          <view class="min-width-0 flex flex-col flex-full box-border pl-[8px] py-[4px]">
             <view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
               {{ item.title }}
             </view>
diff --git a/src/pages/goods/components/GoodInfo/index.vue b/src/pages/goods/components/GoodInfo/index.vue
index ba7d5fa..7ea7742 100644
--- a/src/pages/goods/components/GoodInfo/index.vue
+++ b/src/pages/goods/components/GoodInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="good-info border-box pl-[12px] pr-[12px]">
+  <view class="good-info box-border pl-[12px] pr-[12px]">
     <!-- 标题区域 -->
     <view class="title-section">
       <text class="title">
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 38d502d..a9dc177 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -39,7 +39,7 @@
         {{ calculatedTotalPrice }}
       </view>
 
-      <view class="btn border-box rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
+      <view class="btn box-border rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
         <image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
         <text class="font-size-16 font-500 color-white">立即预定</text>
       </view>
diff --git a/src/static/scss/box-sizing.scss b/src/static/scss/box-sizing.scss
deleted file mode 100644
index 33d1bb3..0000000
--- a/src/static/scss/box-sizing.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.border-box {
-  box-sizing: border-box;
-}
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index b5768f7..9470831 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -17,7 +17,6 @@
 @import "./scroll.scss";
 @import "./width.scss";
 @import "./white-space.scss";
-@import "./box-sizing.scss";
 @import "./min-height.scss";
 @import "./min-width.scss";
 @import "./gap.scss";