From 79b101978a79f4d9e2fe0a6b18a056d55d1394ff Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Fri, 24 Jul 2026 16:36:44 +0800
Subject: [PATCH] style: replace legacy padding classes with inline pixel
 values

Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
---
 src/components/CreateServiceOrder/index.vue   |  16 +-
 src/components/DetailPopup/index.vue          |   7 +-
 src/components/Feedback/index.vue             |  11 +-
 src/components/GoodDetail/index.vue           |  40 +--
 src/components/RefundPopup/index.vue          |   4 +-
 src/components/SwipeCards/index.vue           |  21 +-
 src/components/TopNavBar/index.vue            |   2 +-
 src/components/UseDateRange/index.vue         |  15 +-
 .../components/ConactSection/index.vue        |  27 +-
 .../components/FooterSection/index.vue        |  29 +-
 .../components/UserSection/index.vue          |  16 +-
 src/pages-booking/index.vue                   |  11 +-
 .../order/components/AmtSection/index.vue     |  13 +-
 .../order/components/FooterSection/index.vue  |   2 +-
 .../order/components/GoodsInfo/index.vue      |  12 +-
 .../components/OrderCard/OrderCardContent.vue |  23 +-
 .../order/components/OrderCard/index.vue      |   2 +-
 .../order/components/OrderInfo/index.vue      |  16 +-
 .../order/components/OrderQrcode/index.vue    |  28 +-
 .../components/OrderStatusInfo/index.vue      |   4 +-
 .../order/components/UserInfo/index.vue       |   5 +-
 .../order/components/VoucherList/index.vue    |  11 +-
 src/pages-quick/components/Card/index.vue     |   4 +-
 src/pages-quick/list.vue                      |   2 +-
 .../order/components/OrderCard/index.vue      |  73 ++--
 src/pages/ChatMain/ChatCardOther/index.vue    |   2 +-
 src/pages/ChatMain/ChatLongAnswer/index.vue   |  24 +-
 src/pages/ChatMain/ChatMainList/index.vue     |   6 +-
 src/pages/ChatMain/ChatTopNavBar/index.vue    |   2 +-
 src/pages/ChatMain/ChatTopWelcome/index.vue   |   4 +-
 src/pages/ChatMain/NoticeMessage/detail.vue   |  10 +-
 .../ChatModule/AnswerComponent/index.vue      |  11 +-
 src/pages/ChatModule/CallMobile/index.vue     |  27 +-
 .../ChatModule/DetailCardCompontent/index.vue |   2 +-
 .../ChatModule/FacilityLocationCard/index.vue |   2 +-
 .../GeneratorPhotoComponent/index.vue         |   8 +-
 .../LongTextGuideCardPreview/index.vue        |   2 +-
 src/pages/ChatModule/MoreService/index.vue    |  10 +-
 .../ChatModule/OpenMapComponent/index.vue     |   4 +-
 .../RecommendationListCard/index.vue          |  30 +-
 .../ChatModule/SharedVisual/ActionRow.vue     |  11 +-
 .../ChatModule/SharedVisual/DetailShell.vue   |   2 +-
 .../components/QuickQuestions/index.vue       |  12 +-
 src/pages/goods/album/index.vue               |   4 +-
 .../goods/components/GoodFacility/index.vue   |  25 +-
 src/pages/goods/components/GoodInfo/index.vue |   8 +-
 .../goods/components/GoodPackage/index.vue    |  23 +-
 src/pages/goods/index.vue                     |   2 +-
 src/static/scss/index.scss                    |   1 -
 src/static/scss/padding.scss                  | 324 ------------------
 50 files changed, 247 insertions(+), 703 deletions(-)
 delete mode 100644 src/static/scss/padding.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 9765b9a..feaa81f 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -8,24 +8,26 @@
         <image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </view>
 
-      <view v-if="!isCallSuccess" class="border-box p-12">
-        <view class="bg-[#f5f7fa] border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
+      <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">
           <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-12 rounded-10 font-size-14 color-171717 mb-12">
+        <view
+          class="bg-[#f5f7fa] border-box 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-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] border-box 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-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] border-box 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">
@@ -45,8 +47,8 @@
         </view>
       </view>
 
-      <view v-else class="border-box card-content flex flex-items-center p-12">
-        <view class="border-box left flex-full pr-20">
+      <view v-else class="border-box card-content flex flex-items-center p-[12px]">
+        <view class="border-box left flex-full pr-[20px]">
           <view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ roomId }}</view>
           <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view>
           <view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ contactText }}</view>
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 02af6ba..524b7ee 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -1,18 +1,19 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <view class="refund-popup bg-[#f5f7fa] border-box">
-      <view class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+      <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
         <view class="flex-full font-size-16 color-171717 line-height-24 text-center">明细详情</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
       <!-- 内容区域 -->
       <view class="rounded-12 bg-white ml-[12px] mr-12 mb-40">
-        <view class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-[12px] mr-12">
+        <view
+          class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
           <text class="font-size-16 font-500 color-171717">在线支付</text>
           <text class="font-size-14 color-171717">239</text>
         </view>
-        <view class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-[12px] mr-12">
+        <view class="border-box flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
           <text class="font-size-16 font-500 color-171717">房费</text>
           <text class="font-size-14 color-171717">239</text>
         </view>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 7907de8..8769459 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -8,12 +8,13 @@
         <image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </view>
 
-      <view v-if="!isCallSuccess" class="border-box p-12">
-        <view class="bg-[#f5f7fa] border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
+      <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">
           <text class="font-500 line-height-22 mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
-        <view class="bg-[#f5f7fa] border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] border-box 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" />
@@ -26,12 +27,12 @@
         </view>
       </view>
 
-      <view v-else class="border-box left flex-full p-12">
+      <view v-else class="border-box left flex-full p-[12px]">
         <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view>
         <view class="font-size-12 color-525866 line-height-20 ellipsis-2">意见内容: {{ contactText }}</view>
       </view>
 
-      <view class="footer-help flex flex-items-center pl-12 mb-12">
+      <view class="footer-help flex flex-items-center pl-[12px] mb-12">
         <image class="help-icon mr-4" src="./images/icon_volume.png" />
         <text class="font-size-12 font-500 color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 300dd7b..bc2c1d1 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -1,28 +1,16 @@
 <template>
   <view class="border-box border-top-8">
-    <view
-      v-if="goodsData.commodityPurchaseInstruction"
-      class="border-box pl-12 pr-12"
-    >
-      <ModuleTitle
-        v-if="showTitle"
-        :title="goodsData.commodityPurchaseInstruction.templateTitle"
-      />
-      <view
-        v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
-          .commodityPurchaseInstructionModuleEntityList"
-        :key="index"
-      >
-        <view
-          class="flex flex-items-start flex-col pt-12 pb-12"
-          :class="{
-            'border-bottom':
-              index <
-              goodsData.commodityPurchaseInstruction
-                .commodityPurchaseInstructionModuleEntityList.length -
-                1,
-          }"
-        >
+    <view v-if="goodsData.commodityPurchaseInstruction" class="border-box pl-[12px] pr-[12px]">
+      <ModuleTitle v-if="showTitle" :title="goodsData.commodityPurchaseInstruction.templateTitle" />
+      <view v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
+        .commodityPurchaseInstructionModuleEntityList" :key="index">
+        <view class="flex flex-items-start flex-col pt-[12px] pb-[12px]" :class="{
+          'border-bottom':
+            index <
+            goodsData.commodityPurchaseInstruction
+              .commodityPurchaseInstructionModuleEntityList.length -
+            1,
+        }">
           <view class="flex flex-items-center flex-row flex-shrink-0 mr-8">
             <uni-icons fontFamily="znicons" size="20" color="#333">
               {{ zniconsMap[moduleItem.moduleIcon] }}
@@ -37,11 +25,7 @@
         </view>
       </view>
     </view>
-    <zero-markdown-view
-      v-else
-      :markdown="goodsData.commodityTip"
-      :aiMode="true"
-    />
+    <zero-markdown-view v-else :markdown="goodsData.commodityTip" :aiMode="true" />
   </view>
 </template>
 
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index a7956f4..2196fe0 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -1,13 +1,13 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <view class="refund-popup bg-[#f5f7fa] border-box">
-      <view class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+      <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
         <view class="flex-full font-size-16 color-171717 line-height-24 text-center">取消政策</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
       <!-- 内容区域 -->
-      <view class="border-box rounded-12 bg-white p-12 ml-[12px] mr-12 mb-40">
+      <view class="border-box rounded-12 bg-white p-[12px] ml-[12px] mr-12 mb-40">
         <view class="flex flex-items-center mb-8">
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index 418af30..b62aace 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -1,24 +1,17 @@
 <template>
-  <view class="card border-box pb-12 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)"
-      @touchcancel.stop="touchCancel(index)"
-      @transitionend="onTransitionEnd(index)"
-    >
+  <view class="card border-box 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)"
+      @touchcancel.stop="touchCancel(index)" @transitionend="onTransitionEnd(index)">
       <view class="inner-card bg-white">
         <!-- 商品大图部分：自适应剩余空间 -->
         <view class="goods-image-wrapper relative">
-          <image class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill"/>
+          <image class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill" />
         </view>
 
         <!-- 底部：价格 + 购买按钮 -->
-        <view class="card-footer border-box p-12 flex flex-justify-between flex-items-center">
+        <view class="card-footer border-box 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 12272ab..e726568 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-8 pr-8" :style="navContentStyle">
+    <view class="flex flex-items-center flex-justify-between border-box 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/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index 090e5a7..efad527 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,25 +1,18 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="border-box font-size-16 font-500 color-000 line-height-24 p-12"
-      >使用日期</view
-    >
+    <view class="border-box font-size-16 font-500 color-000 line-height-24 p-[12px]">使用日期</view>
     <view class="flex flex-items-center border-box">
       <scroll-view class="date-scroll" scroll-x>
         <view class="date-list">
           <block v-for="item in openDateRangeList" :key="item.date">
-            <view
-              class="date-item"
-              :class="{ selected: isSameDate(selectedDate, item.date) }"
-              @click="onDateClick(item)"
-            >
+            <view class="date-item" :class="{ selected: isSameDate(selectedDate, item.date) }"
+              @click="onDateClick(item)">
               <view class="label font-size-12">{{ item.weekDesc }}</view>
               <view class="md font-size-16 font-600">{{
                 formatMD(item.date)
               }}</view>
               <view class="status font-size-12">{{ item.canOrder }}</view>
-              <view v-if="isSameDate(selectedDate, item.date)" class="check"
-                >✔</view
-              >
+              <view v-if="isSameDate(selectedDate, item.date)" class="check">✔</view>
             </view>
           </block>
         </view>
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index 94aeb5f..a99e7dd 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -1,12 +1,8 @@
 <template>
   <!-- 选择数量 -->
-  <view
-    class="border-box bg-white p-12 rounded-12 flex flex-items-center mb-12"
-  >
+  <view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
     <view class="flex-full">
-      <view class="font-size-16 font-500 color-000 line-height-24"
-        >选择数量</view
-      >
+      <view class="font-size-16 font-500 color-000 line-height-24">选择数量</view>
       <view class="font-size-12 color-A3A3A3 line-height-16">
         请选择套餐数量
       </view>
@@ -16,28 +12,25 @@
     </view>
   </view>
 
-   <!-- 使用日期 -->
-  <UseDateRange 
-    v-if="orderData.reservationEnabled" 
-    :openDateRangeList="orderData.openDateRangeList"  
-    v-model:selectedDate="reservationDate"
-    />
+  <!-- 使用日期 -->
+  <UseDateRange v-if="orderData.reservationEnabled" :openDateRangeList="orderData.openDateRangeList"
+    v-model:selectedDate="reservationDate" />
 
   <!-- 联系方式 -->
   <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-12">联系方式</view>
-    <view class="flex flex-items-center border-box p-12">
+    <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="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
       <view class="right">
-        <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
+        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
           v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
       </view>
     </view>
 
-    <view class="flex flex-items-center border-box p-12">
+    <view class="flex flex-items-center border-box p-[12px]">
       <view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
       <view class="right">
-        <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
+        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
           v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
       </view>
     </view>
diff --git a/src/pages-booking/components/FooterSection/index.vue b/src/pages-booking/components/FooterSection/index.vue
index 92aa249..18f7c5e 100644
--- a/src/pages-booking/components/FooterSection/index.vue
+++ b/src/pages-booking/components/FooterSection/index.vue
@@ -1,28 +1,15 @@
 <template>
-  <view
-    class="booking-footer border-box 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"
-    >
+  <view class="booking-footer border-box 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>
     <!-- <view class="flex flex-items-center" @click="emit('detailClick')">
       <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-8"
-      @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 class="btn border-box 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>
   </view>
 </template>
@@ -39,11 +26,11 @@ const props = defineProps({
   },
   orderData: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
   selectedDate: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
 });
 
@@ -86,7 +73,7 @@ const preOrderPay = async () => {
 
 const handleBooking = DebounceUtils.createDebounce(() => {
   emit("payClick", props.orderData);
-}, 1000); 
+}, 1000);
 
 </script>
 
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index 41c513a..af0a127 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,26 +1,26 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="flex flex-items-center border-box p-12 border-bottom">
+    <view class="flex flex-items-center border-box 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="间" />
       </view>
     </view>
 
-    <view class="border-box pl-12 pr-12">
-      <view class="border-box border-bottom pt-12 pb-12 flex flex-items-center" v-for="(item, index) in userFormList"
-        :key="index">
+    <view class="border-box pl-[12px] pr-[12px]">
+      <view class="border-box border-bottom pt-[12px] pb-[12px] flex flex-items-center"
+        v-for="(item, index) in userFormList" :key="index">
         <view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view>
         <view class="right">
-          <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20" v-model.trim="item.visitorName"
-            placeholder="请输入姓名" maxlength="11" />
+          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
+            v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
         </view>
       </view>
 
-      <view class="flex flex-items-center border-box pt-12 pb-12">
+      <view class="flex flex-items-center border-box pt-[12px] pb-[12px]">
         <view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
         <view class="right">
-          <input class="border-box px-4 py-2 font-size-15 color-000 line-height-20"
+          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
             v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
         </view>
       </view>
diff --git a/src/pages-booking/index.vue b/src/pages-booking/index.vue
index 8f3047f..a7257c5 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -6,9 +6,9 @@
       </template>
     </TopNavBar>
 
-    <view class="booking-content flex-full border-box p-12 overflow-hidden scroll-y">
+    <view class="booking-content flex-full border-box p-[12px] overflow-hidden scroll-y">
       <!-- 预约内容 -->
-      <view class="border-box bg-white p-12 rounded-12 mb-12">
+      <view class="border-box bg-white p-[12px] rounded-12 mb-12">
         <!-- 酒店类型入住离店日期部分 -->
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
@@ -18,20 +18,21 @@
         </view>
 
         <view class="border-box border-bottom">
-          <view class="font-size-12 color-99A0AE line-height-16 pb-12 break-all">
+          <view class="font-size-12 color-99A0AE line-height-16 pb-[12px] break-all">
             {{ orderData.commodityDescription }}
           </view>
 
           <!-- 权益部分 -->
           <view class="flex flex-items-center mb-8">
-            <text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-4 pb-4 pl-6 pr-6"
+            <text
+              class="bg-[#f7f7f7] border-box 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>
           </view>
         </view>
 
-        <view class="border-box flex flex-items-center flex-justify-between pt-12">
+        <view class="border-box flex flex-items-center flex-justify-between pt-[12px]">
           <text class="font-size-12 color-525866 line-height-18">取消政策及说明</text>
           <view class="flex flex-items-center">
             <text class="font-size-12 theme-color-500 line-height-16" @click="refundVisible = true">取消政策</text>
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index 955bfaa..e4ff432 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-12 mb-12">
+  <view class="bg-white border-box 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">
@@ -10,16 +10,11 @@
         </text>
       </view>
     </view>
-    <view
-      v-if="orderData.orderStatus === '0'"
-      class="font-size-11 color-99A0AE mt-4"
-    >
+    <view v-if="orderData.orderStatus === '0'" class="font-size-11 color-99A0AE mt-4">
       超时后，订单将自动取消
     </view>
-    <view
-      v-if="['1', '2'].includes(orderData.orderStatus)"
-      class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-12 mt-12"
-    >
+    <view v-if="['1', '2'].includes(orderData.orderStatus)"
+      class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-[12px] mt-12">
       <view class="color-525866">取消政策及说明</view>
       <view class="flex flex-items-center" @click="emit('click')">
         <text class="theme-color-500 mr-4">查看详情</text>
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index c5d9d3b..b61efa1 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="footer bg-white border-box flex flex-items-center flex-justify-between p-12">
+  <view class="footer bg-white border-box 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"
       @click="emit('refund', orderData)">
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index cb42bd6..7beae37 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="orderType == 0" class="border-box bg-white p-12 rounded-12 mb-12">
+  <view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
     <!-- 酒店类型入住离店日期部分 -->
     <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
 
@@ -7,20 +7,20 @@
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-12">
+    <view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
     <!-- 权益部分 -->
-    <view class="border-box flex flex-items-center pt-12">
-      <text class="bg-[#f7f7f7] border-box rounded-4 font-size-11 color-525866 mr-4 pt-4 pb-4 pl-6 pr-6"
+    <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]"
         v-for="(item, index) in commodityFacilityList" :key="index">
         {{ item }}
       </text>
     </view>
   </view>
 
-  <view v-if="orderType != 0" class="border-box bg-white p-12 rounded-12 mb-12">
+  <view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
     <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1 mb-8">
       {{ orderData.commodityName }}
     </view>
@@ -31,7 +31,7 @@
     </view>
 
     <view v-if="orderData.orderStatus === '0'"
-      class="border-box border-top pt-12 font-size-14 font-500 color-171717 mt-12">凭[电子凭证]直接验证使用</view>
+      class="border-box border-top pt-[12px] font-size-14 font-500 color-171717 mt-12">凭[电子凭证]直接验证使用</view>
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/OrderCardContent.vue b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
index 5bb08c5..6fda42f 100644
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
@@ -1,27 +1,18 @@
 <template>
-  <view class="card-content border-box pt-12">
+  <view class="card-content border-box pt-[12px]">
     <view class="flex items-center justify-between">
-      <view
-        class="left flex-full font-size-14 line-height-20 color-171717 mr-12"
-      >
+      <view class="left flex-full font-size-14 line-height-20 color-171717 mr-12">
         {{ orderData.commodityName }}
       </view>
-      <view
-        :class="[
-          'right font-size-18 font-bold line-height-20',
-          orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
-        ]"
-      >
+      <view :class="[
+        'right font-size-18 font-bold line-height-20',
+        orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
+      ]">
         {{ orderData.orderAmt }}
       </view>
     </view>
     <!-- 动态渲染信息行 -->
-    <InfoRow
-      v-for="item in displayItems"
-      :key="item.label"
-      :label="item.label"
-      :value="item.value"
-    />
+    <InfoRow v-for="item in displayItems" :key="item.label" :label="item.label" :value="item.value" />
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 58ee9e9..4be8e93 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-12 rounded-12 m-12" @click.stop="handleCardClick">
+  <view class="order-card bg-white border-box 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">
diff --git a/src/pages-order/order/components/OrderInfo/index.vue b/src/pages-order/order/components/OrderInfo/index.vue
index 9e97933..1d8deec 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-12">
+  <view class="bg-white border-box 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>
@@ -10,14 +10,12 @@
     </view>
     <view class="flex font-size-12">
       <text class="w-60 color-99A0AE">支付状态</text>
-      <text
-        :class="[
-          {
-            'color-FF3D60': statusCode === '0' || statusCode === '3',
-            'color-21B466': ['1', '2', '4', '5', '6'].includes(statusCode),
-          },
-        ]"
-      >
+      <text :class="[
+        {
+          'color-FF3D60': statusCode === '0' || statusCode === '3',
+          'color-21B466': ['1', '2', '4', '5', '6'].includes(statusCode),
+        },
+      ]">
         {{ statusText }}
       </text>
     </view>
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index bc3649a..270fe0d 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -1,7 +1,7 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose" @change="handlePopupChange">
     <view class="refund-popup bg-[#f5f7fa] border-box">
-      <view class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+      <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
         <view class="flex flex-col flex-items-center flex-full ">
           <view class="flex-full font-size-16 text-color-900 text-center">核销凭证</view>
           <view class="flex-full font-size-12 text-color-600 text-center mt-4">请向工作人员出示此码</view>
@@ -10,9 +10,10 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
 
-      <view class="bg-white border-box rounded-12 flex flex-col flex-items-center flex-justify-center p-12 mb-12 mx-12">
+      <view
+        class="bg-white border-box 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-4">
+        <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
           <view>
             <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
               {{ selectedVoucher.name }}
@@ -20,30 +21,33 @@
           </view>
 
           <view v-if="selectedVoucher" class="flex flex-row">
-            <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
-              selectedVoucher.unit }}
+            <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
+            }}{{
+                selectedVoucher.unit }}
             </view>
-            <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
           </view>
         </view>
 
         <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-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
+          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]">
+            <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-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
+            <view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count
+              -
               selectedVoucher.writeOffCount }}份</view>
           </view>
 
-          <view class="flex  flex-items-center flex-justify-center mt-20 p-20 rounded-12 border borderColor"
+          <view class="flex  flex-items-center flex-justify-center mt-20 p-[20px] rounded-12 border borderColor"
             :style="{ borderColor: selectedVoucher?.color }">
             <Qrcode v-if="showQrcode" :size="props.size" :unit="props.unit" :val="qrcodeVal" :loadMake="true"
               :onval="true" />
           </view>
 
-          <view v-if="false" class="mt-20 bg-[#F0F8F3] 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-[12px] line-height-24 rounded-12">
             {{ selectedVoucher.name }}
           </view>
         </view>
diff --git a/src/pages-order/order/components/OrderStatusInfo/index.vue b/src/pages-order/order/components/OrderStatusInfo/index.vue
index 65f41a6..2fd3233 100644
--- a/src/pages-order/order/components/OrderStatusInfo/index.vue
+++ b/src/pages-order/order/components/OrderStatusInfo/index.vue
@@ -1,7 +1,5 @@
 <template>
-  <view
-    class="border-box font-size-24 color-171717 line-height-32 font-500 pt-12 pb-12"
-  >
+  <view class="border-box font-size-24 color-171717 line-height-32 font-500 pt-[12px] pb-[12px]">
     {{ currentStatusText }}
   </view>
 </template>
diff --git a/src/pages-order/order/components/UserInfo/index.vue b/src/pages-order/order/components/UserInfo/index.vue
index b7e2245..fefb5bb 100644
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <view
-    class="bg-white border-box rounded-10 p-12 mb-12"
-    v-if="hasConsumerData"
-  >
+  <view class="bg-white border-box 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 16e1bab..538ca10 100644
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -1,23 +1,24 @@
 <template>
-  <view class="bg-white border-box rounded-12 px-12 pt-12 mb-12">
+  <view class="bg-white border-box rounded-12 px-[12px] pt-[12px] mb-12">
     <text class="font-size-16 color-171717 line-height-24 font-500">
       核销凭证列表
     </text>
 
-    <view class="flex flex-items-center flex-justify-between py-12"
+    <view class="flex flex-items-center flex-justify-between py-[12px]"
       :class="[index + 1 === props.orderData.commodityPackageConfig.length ? '' : 'border-bottom']"
       v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
       <view class="flex flex-col">
         <text class="text-color-900 font-size-16">{{ item.name }}</text>
         <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 class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
+          }}
           </view>
-          <view class="bg-[#F0F8F3] 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-[4px] rounded-4">剩{{ item.count - item.writeOffCount
           }}{{ item.unit }}可用</view>
         </view>
       </view>
 
-      <view class="flex flex-items-center px-14 py-8 rounded-8"
+      <view class="flex flex-items-center px-[14px] py-[8px] rounded-8"
         :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>
diff --git a/src/pages-quick/components/Card/index.vue b/src/pages-quick/components/Card/index.vue
index e31f589..1e04075 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-8 rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
+  <view class="card bg-white border-box 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-12">
+    <view class="right border-box flex-full pl-[12px]">
       <view class="font-size-16 line-height-24 color-171717 mb-4">
         {{ item.commodityName }}
       </view>
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index 1dd1cb8..181220e 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-12">
+        class="bg-white border-box 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">
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 92b4ae4..6bafa52 100644
--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -1,71 +1,40 @@
 <template>
-  <view class="order-card bg-white border-box p-12 rounded-12 m-12">
+  <view class="order-card bg-white border-box p-[12px] rounded-12 m-12">
     <!-- 卡片头部 -->
-    <view class="border-box flex flex-items-center pb-12">
-      <image
-        class="icon mr-4"
-        src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png"
-      />
+    <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" />
       <text class="font-size-14 color-525866 line-height-20">工单</text>
       <text class="font-size-12 color-525866 line-height-20 ml-auto">{{
         isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
       }}</text>
     </view>
     <!-- 卡片内容 -->
-    <view class="border-box card-content flex flex-items-center pb-12">
-      <view class="border-box left flex-full pr-20">
-        <view class="font-size-12 color-525866 line-height-20 mb-4"
-          >所在位置：{{ orderData.roomNo }}</view
-        >
-        <view class="font-size-12 color-525866 line-height-20 mb-4"
-          >联系方式: {{ orderData.userPhone }}</view
-        >
-        <view class="font-size-12 color-525866 line-height-20 ellipsis-2"
-          >需求描述: {{ orderData.content }}</view
-        >
+    <view class="border-box card-content flex flex-items-center pb-[12px]">
+      <view class="border-box left flex-full pr-[20px]">
+        <view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ orderData.roomNo }}</view>
+        <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ orderData.userPhone }}</view>
+        <view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ orderData.content }}</view>
       </view>
 
-      <image
-        v-if="orderData.contentImgUrl"
-        class="right rounded-6"
-        :src="orderData.contentImgUrl"
-        mode="aspectFill"
-      />
+      <image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
     </view>
 
     <!-- 服务人员 -->
-    <view
-      v-if="orderData.processMemberName && orderData.processMemberPhone"
-      class="service-user border-box p-8 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
-      >
+    <view v-if="orderData.processMemberName && orderData.processMemberPhone"
+      class="service-user border-box 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>
     </view>
 
     <!-- 取消操作 -->
-    <view
-      v-if="
-        !isCancelWork &&
-        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"
-        @click="cancelCall"
-        >取消呼叫</text
-      >
+    <view v-if="
+      !isCancelWork &&
+      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"
+        @click="cancelCall">取消呼叫</text>
     </view>
   </view>
 </template>
diff --git a/src/pages/ChatMain/ChatCardOther/index.vue b/src/pages/ChatMain/ChatCardOther/index.vue
index f9827c5..59ebe86 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-12 mt-6 mb-6">
+  <view class="w-full border-box 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 5fc253d..64007d6 100644
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -6,8 +6,10 @@
     </view>
 
     <!-- ✅ 滚动区域 -->
-    <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-12 px-16 pb-24 border-box gap-10">
+    <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">
         <template v-if="hasStructuredLongTextData">
           <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
             <view v-if="headerSections.title" class="long-answer-title">
@@ -19,14 +21,10 @@
           </view>
 
           <template v-for="section in contentSections" :key="section.contentKey">
-            <LongAnswerSectionSkeleton
-              v-if="shouldRenderSectionSkeleton(section)"
-            />
+            <LongAnswerSectionSkeleton v-if="shouldRenderSectionSkeleton(section)" />
 
-            <ParsedValueView v-else-if="shouldUseParsedValueView(section)"
-              :field-key="section.contentKey"
-              :value="section.parsedValue !== null ? section.parsedValue : section.contentValue"
-            />
+            <ParsedValueView v-else-if="shouldUseParsedValueView(section)" :field-key="section.contentKey"
+              :value="section.parsedValue !== null ? section.parsedValue : section.contentValue" />
 
             <ChatMarkdown v-else :text="section.contentValue" />
           </template>
@@ -197,11 +195,11 @@ const computeTitle = (text = "") => {
 const onScroll = (e) => {
   try {
     const { scrollTop = 0, scrollHeight = 0 } = e.detail || {};
-    
+
     // 计算距离底部的距离（使用准确的 scroll-view 高度）
     const viewHeight = scrollViewHeight.value;
     const distanceToBottom = scrollHeight - scrollTop - viewHeight;
-    
+
     // 判断是否在底部附近（允许 SCROLL_THRESHOLD 的误差范围）
     // 注意：只更新 isNearBottom，不在滚动时强制改变 userInteracting
     const atBottom = distanceToBottom <= SCROLL_THRESHOLD;
@@ -279,11 +277,11 @@ onLoad(({ message = "", streamId = "", finished = "0", tagToneColor = "" }) => {
         nextTick(() => {
           // 每次接收数据都重新测量高度（content size 可能变化，比如加载图）
           measureScrollViewHeight();
-          
+
           // 流式完成时强制滚动到底部
           if (finished) {
             scrollToBottom();
-          } 
+          }
           // 流式中的数据更新：只有在用户未交互且接近底部时才自动滚动
           else if (!userInteracting.value && isNearBottom.value) {
             scrollToBottom();
diff --git a/src/pages/ChatMain/ChatMainList/index.vue b/src/pages/ChatMain/ChatMainList/index.vue
index 982439e..40cb565 100644
--- a/src/pages/ChatMain/ChatMainList/index.vue
+++ b/src/pages/ChatMain/ChatMainList/index.vue
@@ -22,8 +22,8 @@
 
     <view v-show="tabIndex === 0" class="discovery-shell flex-full" @touchstart.capture="handleDiscoveryPanelTouchStart"
       @touchstart="handleDiscoveryPanelTouchStart" @touchmove.capture="handleDiscoveryPanelTouchMove"
-      @touchmove="handleDiscoveryPanelTouchMove"
-      @touchend="handleDiscoveryPanelTouchEnd" @touchcancel="handleDiscoveryPanelTouchEnd">
+      @touchmove="handleDiscoveryPanelTouchMove" @touchend="handleDiscoveryPanelTouchEnd"
+      @touchcancel="handleDiscoveryPanelTouchEnd">
       <view class="home-welcome-panel">
         <HomeWelcome class="flex-shrink-0" :mainPageDataModel="mainPageDataModel" />
       </view>
@@ -138,7 +138,7 @@
     </scroll-view>
 
     <!-- 输入框区域 -->
-    <view class="pb-safe-area">
+    <view class="pb-[20px]">
       <ChatQuickAccess />
       <ChatInputArea ref="inputAreaRef" v-model="inputMessage" :holdKeyboard="holdKeyboard"
         :is-session-active="isSessionActive" :stop-request="stopRequest" @send="sendMessageAction"
diff --git a/src/pages/ChatMain/ChatTopNavBar/index.vue b/src/pages/ChatMain/ChatTopNavBar/index.vue
index 7ba801c..ef4301f 100644
--- a/src/pages/ChatMain/ChatTopNavBar/index.vue
+++ b/src/pages/ChatMain/ChatTopNavBar/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="border-box h-44 flex flex-items-center pl-12 pr-12" :style="navBarStyle">
+  <view class="border-box h-44 flex flex-items-center pl-[12px] pr-[12px]" :style="navBarStyle">
     <view class="nav-icon-button" @tap.stop="showDrawer">
       <uni-icons type="bars" size="24" color="#ffffff" />
     </view>
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index b1dd5a8..387f2ca 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-12">
+  <view class="welcome-content border-box p-[12px]">
     <view class="wrap rounded-20">
-      <view class="flex flex-items-center flex-justify-between border-box pl-12 pr-12">
+      <view class="flex flex-items-center flex-justify-between border-box 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 4b14c1f..76291a6 100644
--- a/src/pages/ChatMain/NoticeMessage/detail.vue
+++ b/src/pages/ChatMain/NoticeMessage/detail.vue
@@ -6,11 +6,11 @@
     </view>
 
     <!-- ✅ 滚动区域 -->
-    <scroll-view class="flex-full overflow-hidden" scroll-y >
-      <view class="pb-24 border-box overflow-hidden">
+    <scroll-view class="flex-full overflow-hidden" scroll-y>
+      <view class="pb-[24px] border-box overflow-hidden">
         <image v-if="coverImage" class="w-full h-auto block" :src="coverImage" mode="widthFix" />
 
-        <view class="pt-16 px-12 pb-24 border-box">
+        <view class="pt-[16px] px-[12px] pb-[24px] border-box">
           <view class="color-171717 font-size-16 font-weight-600">{{ detailTitle }}</view>
 
           <view v-if="publishTime" class="notice-time-tag flex flex-row flex-items-center mt-16">
@@ -18,7 +18,7 @@
             <text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
           </view>
 
-          <view class="mt-20 pt-16 color-666 font-size-14 line-height-20 border-top">{{ noticeContent }}</view>
+          <view class="mt-20 pt-[16px] color-666 font-size-14 line-height-20 border-top">{{ noticeContent }}</view>
         </view>
       </view>
     </scroll-view>
@@ -61,7 +61,6 @@ onLoad((query = {}) => {
 </script>
 
 <style lang="scss" scoped>
-
 .notice-time-tag {
   display: inline-flex;
   height: 28px;
@@ -71,5 +70,4 @@ onLoad((query = {}) => {
   border-radius: 14px;
   box-sizing: border-box;
 }
-
 </style>
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index 85b6638..1a34e0b 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -2,17 +2,13 @@
   <view v-if="shouldRenderCard" class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="flex flex-col px-16 pt-16 pb-12 border-box" @click="lookDetailAction">
+    <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
       <view v-if="tag" class="long-answer-tag" :style="longAnswerTagStyle">{{ tag }}</view>
       <view v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
         <text class="font-size-16 font-600 text-color-900"> {{ title }}</text>
       </view>
       <!-- 文字内容，根据数据模式限制预览行数 -->
-      <view
-        v-if="processedContent"
-        class="answer-content font-size-12 font-color-600"
-        :style="answerContentStyle"
-      >
+      <view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
         <ChatMarkdown :text="processedContent" :fontColor="'#94A3B8'" />
       </view>
       <!-- 超过2行时显示...提示 -->
@@ -154,7 +150,7 @@ onBeforeUnmount(cleanupStreamWatchers);
 const lookDetailAction = () => {
   const message = previewContent.value ? String(previewContent.value) : "";
   // 使用 StreamManager 以 streamId 转发当前及后续流式更新，详情页通过 streamId 订阅
-  const streamId = `stream_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;
+  const streamId = `stream_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
   const updateStream = () => {
     StreamManager.updateStream(
       streamId,
@@ -211,6 +207,7 @@ const lookDetailAction = () => {
   text-overflow: ellipsis;
   line-height: 16px;
 }
+
 .long-answer-tag {
   display: inline-flex;
   width: fit-content;
diff --git a/src/pages/ChatModule/CallMobile/index.vue b/src/pages/ChatModule/CallMobile/index.vue
index f019849..bf02d97 100644
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -1,16 +1,17 @@
 <template>
   <uni-popup ref="popup" type="center" :safe-area="false">
-    <view class="popup-content bg-white border-box mx-24 px-12 py-16 rounded-12">
-      <view class="header flex flex-items-center pb-12">
-        <view class="title flex-full text-center font-size-17 color-000 font-500 ml-24">呼叫热线</view>
+    <view class="popup-content bg-white border-box 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" />
       </view>
 
-      <view class="border-box pl-12 pr-12">
+      <view class="border-box pl-[12px] pr-[12px]">
         <view class="font-size-16 color-A3A3A3 line-height-22">
-            如有任何疑问，欢迎随时致电景区咨询热线：
-            <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{mobleNumber1}}</text> / <text class="color-2563EB" @click="handleClick(mobleNumber2)">{{mobleNumber2}}</text>，
-            我们将全程为您提供细致解答与暖心服务。
+          如有任何疑问，欢迎随时致电景区咨询热线：
+          <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
+            class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
+          我们将全程为您提供细致解答与暖心服务。
         </view>
       </view>
     </view>
@@ -33,10 +34,10 @@ const close = () => {
 };
 
 const handleClick = (phoneNumber) => {
-    close();
-    uni.makePhoneCall({
-      phoneNumber: phoneNumber,
-    });
+  close();
+  uni.makePhoneCall({
+    phoneNumber: phoneNumber,
+  });
 };
 
 uni.$on("SHOW_CALL_MOBILE_POPUP", () => {
@@ -44,6 +45,4 @@ uni.$on("SHOW_CALL_MOBILE_POPUP", () => {
 });
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/pages/ChatModule/DetailCardCompontent/index.vue b/src/pages/ChatModule/DetailCardCompontent/index.vue
index 5ad581b..fffd17d 100644
--- a/src/pages/ChatModule/DetailCardCompontent/index.vue
+++ b/src/pages/ChatModule/DetailCardCompontent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full pb-12">
+  <view class="w-full pb-[12px]">
     <view class="w-vw"></view>
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
diff --git a/src/pages/ChatModule/FacilityLocationCard/index.vue b/src/pages/ChatModule/FacilityLocationCard/index.vue
index f5706f2..a77e729 100644
--- a/src/pages/ChatModule/FacilityLocationCard/index.vue
+++ b/src/pages/ChatModule/FacilityLocationCard/index.vue
@@ -2,7 +2,7 @@
   <view class="facility-location-card bg-white rounded-24 overflow-hidden w-full">
     <image class="facility-location-card__image block w-full" :src="data.image" mode="aspectFill" />
 
-    <view class="facility-location-card__body px-24 pb-24">
+    <view class="facility-location-card__body px-[24px] pb-[24px]">
       <view class="facility-location-card__title-row flex flex-items-center">
         <view class="facility-location-card__badge color-2563EB bg-[#eff6ff] font-size-12 font-900">
           {{ type.text }}
diff --git a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
index 2e32b38..d08b31f 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -3,7 +3,7 @@
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
     <view class="content flex flex-col m-4 border-box rounded-24">
-      <view class="flex flex-col p-6 border-box flex-items-center justify-center">
+      <view class="flex flex-col p-[6px] border-box 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-12 pb-[8px] flex flex-row" @click="jumpClick">
-          <view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
+        <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="btn-bg-sub w-full border-box p-16 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 border-box 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/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index 75df7ac..187eb38 100644
--- a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
@@ -2,7 +2,7 @@
   <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
-    <view class="flex flex-col px-16 pt-16 pb-12 border-box" @click="openDetail(item)">
+    <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">
 
       <view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
         {{ item.badge }}
diff --git a/src/pages/ChatModule/MoreService/index.vue b/src/pages/ChatModule/MoreService/index.vue
index bf7fa9d..28cf1c0 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-12 pl-12 pr-12">
-      <view class="header flex flex-items-center pb-12">
-        <view class="title flex-full text-center font-size-17 color-000 font-500 ml-24">更多服务</view>
+    <view class="popup-content border-box 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-20 pr-20">
-        <view class="item border-box border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
+      <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="flex flex-items-center flex-justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-full">
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index b4e32d5..770b197 100644
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -2,8 +2,8 @@
     <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
         <!-- 占位撑开 -->
         <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-[#F0F8F3]">
+        <view class="flex flex-items-center flex-justify-between p-[12px] border-box" @click="openMap">
+            <view class="rounded-16 p-[16px] 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/pages/ChatModule/RecommendationListCard/index.vue b/src/pages/ChatModule/RecommendationListCard/index.vue
index 0ab2994..195fd85 100644
--- a/src/pages/ChatModule/RecommendationListCard/index.vue
+++ b/src/pages/ChatModule/RecommendationListCard/index.vue
@@ -1,35 +1,23 @@
 <template>
   <view class="recommendation-list-card w-full">
-    <scroll-view
-      class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full"
-      scroll-x
-      :show-scrollbar="false"
-      enhanced
-    >
-      <view
-        v-for="item in items"
-        :key="item.id || item.title"
+    <scroll-view class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x
+      :show-scrollbar="false" enhanced>
+      <view v-for="item in items" :key="item.id || item.title"
         class="recommendation-list-card__item inline-block bg-white rounded-20 overflow-hidden"
-        :class="{ 'is-disabled': disabled }"
-        @click="handleSelect(item)"
-      >
-        <image
-          class="recommendation-list-card__image block w-full"
-          :src="item.image"
-          mode="aspectFill"
-        />
-        <view class="recommendation-list-card__body p-16">
+        :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
+        <image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
+        <view class="recommendation-list-card__body p-[16px]">
           <view class="recommendation-list-card__name color-1E293B font-size-18 font-900 ellipsis-1">
             {{ item.title }}
           </view>
-          <view class="recommendation-list-card__distance flex flex-items-center gap-4 mt-4 color-94A3B8 font-size-12 font-800">
+          <view
+            class="recommendation-list-card__distance flex flex-items-center gap-4 mt-4 color-94A3B8 font-size-12 font-800">
             <text class="recommendation-list-card__pin">⌖</text>
             <text>{{ item.distance }}</text>
           </view>
           <view
             class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 color-334155 font-size-12 font-900"
-            @click.stop="handleSelect(item)"
-          >
+            @click.stop="handleSelect(item)">
             {{ getActionText(item) }}
           </view>
         </view>
diff --git a/src/pages/ChatModule/SharedVisual/ActionRow.vue b/src/pages/ChatModule/SharedVisual/ActionRow.vue
index 66dd07a..f849adb 100644
--- a/src/pages/ChatModule/SharedVisual/ActionRow.vue
+++ b/src/pages/ChatModule/SharedVisual/ActionRow.vue
@@ -1,10 +1,9 @@
 <template>
-  <view
-    class="visual-action-row flex flex-items-center gap-12 p-12 bg-white rounded-18 border-box"
-    :class="{ 'is-disabled': disabled }"
-    @click="handleClick"
-  >
-    <view class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900" :class="toneClass">
+  <view class="visual-action-row flex flex-items-center gap-12 p-[12px] bg-white rounded-18 border-box"
+    :class="{ 'is-disabled': disabled }" @click="handleClick">
+    <view
+      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900"
+      :class="toneClass">
       <slot name="icon">{{ icon }}</slot>
     </view>
     <view class="visual-action-row__body flex-full">
diff --git a/src/pages/ChatModule/SharedVisual/DetailShell.vue b/src/pages/ChatModule/SharedVisual/DetailShell.vue
index dba4476..8716532 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-16 border-box border-bottom-F1F5F9">
+    <view class="visual-detail__header flex flex-items-center px-[16px] border-box 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/Discovery/components/QuickQuestions/index.vue b/src/pages/Discovery/components/QuickQuestions/index.vue
index 6e3e04e..773468b 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -1,14 +1,14 @@
 <template>
-  <view class="container pl-12">
+  <view class="container pl-[12px]">
     <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
 
-      <view class="card-item bg-white inline-block rounded-20 mr-10"
-        v-for="(item, index) in list" :key="index" @click="sendReply(item)">
+      <view class="card-item bg-white inline-block rounded-20 mr-10" v-for="(item, index) in list" :key="index"
+        @click="sendReply(item)">
 
-        <view class="flex flex-row flex-justify-start p-10"> 
+        <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-8 py-4" >
+          <view class="min-width-0 flex flex-col flex-full border-box pl-[8px] py-[4px]">
             <view class="w-full font-size-12 font-600 color-171717 ellipsis-1">
               {{ item.title }}
             </view>
@@ -17,7 +17,7 @@
             </view>
           </view>
         </view>
-        
+
       </view>
     </view>
   </view>
diff --git a/src/pages/goods/album/index.vue b/src/pages/goods/album/index.vue
index 1c037d1..251a9e0 100644
--- a/src/pages/goods/album/index.vue
+++ b/src/pages/goods/album/index.vue
@@ -1,12 +1,12 @@
 <template>
   <view class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
     <TopNavBar title="房间相册" backgroundColor="transparent" />
-    <view class="p-8">
+    <view class="p-[8px]">
       <text class="ml-4 font-size-18 color-171717 font-500">全部({{ albumList.length }})</text>
     </view>
 
     <scroll-view scroll-y class="scroll-container overflow-auto">
-      <view class="pl-4 pr-4 pb-24">
+      <view class="pl-[4px] pr-[4px] pb-[24px]">
         <view class="grid-container">
           <view class="album-item" v-for="(item, index) in albumList" :key="index">
             <view class="album-image-wrapper">
diff --git a/src/pages/goods/components/GoodFacility/index.vue b/src/pages/goods/components/GoodFacility/index.vue
index 187ccee..de0cc05 100644
--- a/src/pages/goods/components/GoodFacility/index.vue
+++ b/src/pages/goods/components/GoodFacility/index.vue
@@ -1,16 +1,10 @@
 <template>
   <view class="border-box border-top-8">
-    <view
-      class="border-box pt-12 pl-12 pr-12"
-      v-for="(moduleItem, index) in goodsData.commodityEquipment"
-      :key="index"
-    >
-      <view
-        class="flex flex-items-start flex-col"
-        :class="{
-          'border-bottom': index < goodsData.commodityEquipment.length - 1,
-        }"
-      >
+    <view class="border-box pt-[12px] pl-[12px] pr-[12px]" v-for="(moduleItem, index) in goodsData.commodityEquipment"
+      :key="index">
+      <view class="flex flex-items-start flex-col" :class="{
+        'border-bottom': index < goodsData.commodityEquipment.length - 1,
+      }">
         <view class="flex flex-items-center flex-row flex-shrink-0">
           <uni-icons fontFamily="znicons" size="20" color="#171717">
             {{ zniconsMap[moduleItem.icon] }}
@@ -19,12 +13,9 @@
             {{ moduleItem.title }}
           </text>
         </view>
-        <view class="border-box flex flex-col flex-items-start mt-4 pb-12">
-          <text
-            class="font-size-12 color-525866 line-height-20 mb-4"
-            v-for="(text, index) in moduleItem.desc"
-            :key="index"
-          >
+        <view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]">
+          <text class="font-size-12 color-525866 line-height-20 mb-4" v-for="(text, index) in moduleItem.desc"
+            :key="index">
             {{ text }}
           </text>
         </view>
diff --git a/src/pages/goods/components/GoodInfo/index.vue b/src/pages/goods/components/GoodInfo/index.vue
index b0a8a85..ba7d5fa 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-12 pr-12">
+  <view class="good-info border-box pl-[12px] pr-[12px]">
     <!-- 标题区域 -->
     <view class="title-section">
       <text class="title">
@@ -13,11 +13,7 @@
     <!-- 设施信息区域 -->
     <view class="facilities-section" v-if="facilitiesList.length">
       <view class="facilities-grid">
-        <view
-          class="facility-item"
-          v-for="(facility, index) in facilitiesList"
-          :key="index"
-        >
+        <view class="facility-item" v-for="(facility, index) in facilitiesList" :key="index">
           <text class="facility-text">{{ facility }}</text>
         </view>
       </view>
diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
index 62ce445..a16df28 100644
--- a/src/pages/goods/components/GoodPackage/index.vue
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -1,18 +1,13 @@
 <template>
-  <view class="border-box border-top-8 pl-12 pr-12 pt-6 pb-12">
-    <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-4 ml-4">
-          <text class="left font-size-14 color-171717">{{ item.name }}</text>
-          <view class="sep" aria-hidden="true"></view>
-          <text class="right font-size-14 color-171717">{{ item.count }}{{ item.unit }}</text>
-        </view>
-        
+  <view class="border-box border-top-8 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-4">
+        <text class="left font-size-14 color-171717">{{ item.name }}</text>
+        <view class="sep" aria-hidden="true"></view>
+        <text class="right font-size-14 color-171717">{{ item.count }}{{ item.unit }}</text>
+      </view>
+
     </view>
   </view>
 </template>
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 5b5d6bd..38d502d 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-8" @click="navigateToPay(goodsData)">
+      <view class="btn border-box 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/index.scss b/src/static/scss/index.scss
index ce77b81..b5768f7 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -7,7 +7,6 @@
 @import "./height.scss";
 @import "./line-height.scss";
 @import "./margin.scss";
-@import "./padding.scss";
 @import "./font-size.scss";
 @import "./font-family.scss";
 @import "./text-align.scss";
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
deleted file mode 100644
index b696d30..0000000
--- a/src/static/scss/padding.scss
+++ /dev/null
@@ -1,324 +0,0 @@
-// 内边距
-.p-2 {
-  padding: 2px;
-}
-.pt-2 {
-  padding-top: 2px;
-}
-
-.pb-2 {
-  padding-bottom: 2px;
-}
-
-.pl-2 {
-  padding-left: 2px;
-}
-
-.pr-2 {
-  padding-right: 2px;
-}
-
-.px-2 {
-  padding-left: 2px;
-  padding-right: 2px;
-}
-
-.py-2 {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-.p-4 {
-  padding: 4px;
-}
-.pl-4 {
-  padding-left: 4px;
-}
-
-.pr-4 {
-  padding-right: 4px;
-}
-
-.pt-4 {
-  padding-top: 4px;
-}
-
-.pb-4 {
-  padding-bottom: 4px;
-}
-
-.px-4 {
-  padding-left: 4px;
-  padding-right: 4px;
-}
-
-.py-4 {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-
-.p-6 {
-  padding: 6px;
-}
-
-.pt-6 {
-  padding-top: 6px;
-}
-
-.pb-6 {
-  padding-bottom: 6px;
-}
-
-.pl-6 {
-  padding-left: 6px;
-}
-
-.pr-6 {
-  padding-right: 6px;
-}
-
-.px-6 {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-
-.py-6 {
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-.p-8 {
-  padding: 8px;
-}
-
-.pt-8 {
-  padding-top: 8px;
-}
-
-.pl-8 {
-  padding-left: 8px;
-}
-
-.pr-8 {
-  padding-right: 8px;
-}
-
-.pb-8 {
-  padding-bottom: 8px;
-}
-
-.px-8 {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.py-8 {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-
-.p-10 {
-  padding: 10px;
-}
-
-.pt-10 {
-  padding-top: 10px;
-}
-
-.pb-10 {
-  padding-bottom: 10px;
-}
-
-.pl-10 {
-  padding-left: 10px;
-}
-
-.pr-10 {
-  padding-right: 10px;
-}
-
-.px-10 {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.py-10 {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-
-.p-12 {
-  padding: 12px;
-}
-
-.pt-12 {
-  padding-top: 12px;
-}
-
-.pb-12 {
-  padding-bottom: 12px;
-}
-
-.pl-12 {
-  padding-left: 12px;
-}
-
-.pr-12 {
-  padding-right: 12px;
-}
-
-.px-12 {
-  padding-left: 12px;
-  padding-right: 12px;
-}
-
-.py-12 {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-
-.p-14 {
-  padding: 14px;
-}
-.pt-14 {
-  padding-top: 14px;
-}
-.pb-14 {
-  padding-bottom: 14px;
-}
-.pl-14 {
-  padding-left: 14px;
-}
-.pr-14 {
-  padding-right: 14px;
-}
-.px-14 {
-  padding-left: 14px;
-  padding-right: 14px;
-}
-.py-14 {
-  padding-top: 14px;
-  padding-bottom: 14px;
-}
-
-.p-16 {
-  padding: 16px;
-}
-
-.pt-16 {
-  padding-top: 16px;
-}
-
-.pb-16 {
-  padding-bottom: 16px;
-}
-
-.pl-16 {
-  padding-left: 16px;
-}
-
-.pr-16 {
-  padding-right: 16px;
-}
-
-.px-16 {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.py-16 {
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
-
-.p-18 {
-  padding: 18px;
-}
-
-.p-20 {
-  padding: 20px;
-}
-
-.pt-20 {
-  padding-top: 20px;
-}
-
-.pb-20 {
-  padding-bottom: 20px;
-}
-
-.pl-20 {
-  padding-left: 20px;
-}
-
-.pr-20 {
-  padding-right: 20px;
-}
-
-.px-20 {
-  padding-left: 20px;
-  padding-right: 20px;
-}
-
-.py-20 {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.p-24 {
-  padding: 24px;
-}
-
-.pt-24 {
-  padding-top: 24px;
-}
-
-.pb-24 {
-  padding-bottom: 24px;
-}
-
-.pl-24 {
-  padding-left: 24px;
-}
-
-.pr-24 {
-  padding-right: 24px;
-}
-
-.px-24 {
-  padding-left: 24px;
-  padding-right: 24px;
-}
-
-.py-24 {
-  padding-top: 24px;
-  padding-bottom: 24px;
-}
-
-.p-32 {
-  padding: 32px;
-}
-.pt-32 {
-  padding-top: 32px;
-}
-.pb-32 {
-  padding-bottom: 32px;
-}
-.pl-32 {
-  padding-left: 32px;
-}
-.pr-32 {
-  padding-right: 32px;
-}
-.px-32 {
-  padding-left: 32px;
-  padding-right: 32px;
-}
-.py-32 {
-  padding-top: 32px;
-  padding-bottom: 32px;
-}
-
-.pb-safe-area {
-  padding-bottom: 20px;
-}