From 4cfd714ff790f887e62dc398899bdf61f89635b8 Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Fri, 29 May 2026 14:44:00 +0800
Subject: [PATCH] style: standardize spacing & clean up unused styles

Update all component spacing classes to use the Tailwind [xxpx] arbitrary value syntax consistently, replacing shorthand numeric classes with explicit pixel values. Remove the unused external SCSS stylesheet for the MoreService component and its associated import in RoutePlanCard, then inline all of MoreService's previously external styles directly into its template classes.
---
 src/components/CreateServiceOrder/index.vue   |  2 +-
 src/components/Feedback/index.vue             |  2 +-
 src/components/GoodDetail/index.vue           |  2 +-
 .../booking/components/UserSection/index.vue  |  2 +-
 .../home/components/ChatTopWelcome/index.vue  |  2 +-
 .../home/components/MoreService/index.vue     | 18 +++++-------
 .../components/MoreService/styles/index.scss  | 29 -------------------
 .../home/components/RoutePlanCard/index.vue   |  4 ---
 8 files changed, 13 insertions(+), 48 deletions(-)
 delete mode 100644 src/pages/home/components/MoreService/styles/index.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 162719d..e9cebba 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -43,7 +43,7 @@
       </div>
 
       <div v-else class=" card-content flex items-center p-[12px]">
-        <div class=" left flex-1 pr-20">
+        <div class=" left flex-1 pr-[20px]">
           <div class="text-[12px] text-ink-600 leading-[20px] mb-[4px]">
             所在位置：{{ roomId }}
           </div>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index b4926ec..b98b77b 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -33,7 +33,7 @@
         </div>
       </div>
 
-      <div class="footer-help flex items-center pl-12 mb-[12px]">
+      <div class="footer-help flex items-center pl-[12px] mb-[12px]">
         <img class="w-[16px] h-[16px] mr-[4px]" src="./images/icon_volume.png" />
         <span class="text-[12px] font-medium color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 5a2cfb8..40b07dd 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class=" border-top-8">
-    <div v-if="goodsData.commodityPurchaseInstruction" class=" pl-12 pr-12">
+    <div v-if="goodsData.commodityPurchaseInstruction" class=" pl-[12px] pr-[12px]">
       <ModuleTitle v-if="showTitle" :title="goodsData.commodityPurchaseInstruction.templateTitle" />
       <div v-for="(moduleItem, index) in goodsData.commodityPurchaseInstruction
         .commodityPurchaseInstructionModuleEntityList" :key="index">
diff --git a/src/pages/booking/components/UserSection/index.vue b/src/pages/booking/components/UserSection/index.vue
index 6f28e3e..ccc6bb3 100644
--- a/src/pages/booking/components/UserSection/index.vue
+++ b/src/pages/booking/components/UserSection/index.vue
@@ -9,7 +9,7 @@
       </div>
     </div>
 
-    <div class=" pl-12 pr-12">
+    <div class=" pl-[12px] pr-[12px]">
       <div class=" border-b border-ink-200 pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
         :key="index">
         <div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index 10472b9..6f4dfc2 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -2,7 +2,7 @@ v
 <template>
   <div class="welcome-content  p-[12px]">
     <div class="wrap rounded-[20px]">
-      <div class="flex items-center justify-between  pl-12 pr-12">
+      <div class="flex items-center justify-between  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/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index aa42713..c59d2b6 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -1,15 +1,16 @@
 <template>
   <van-popup ref="popup" position="bottom" v-model:show="show">
-    <div class="popup-content  pt-[12px] pl-12 pr-12">
-      <div class="header flex items-center pb-[12px]">
+    <div class="popup-content bg-[#f5f7fa] rounded-t-[15px] pt-[12px] pl-[12px] pr-[12px] pb-[30px]">
+      <div class="flex items-center pb-[12px]">
         <div class="title flex-1 text-center text-[17px] text-black font-medium ml-24">更多服务</div>
         <van-icon name="cross" size="24" color="#CACFD8" @click="close" />
       </div>
 
-      <div class="list bg-white  pl-20 pr-20">
-        <div class="item  border-b border-ink-200 pt-20 pb-20" v-for="(item, index) in list" :key="index">
+      <div class="rounded-[15px] bg-white pl-[20px] pr-[20px]">
+        <div class="gap-[20px] border-b border-ink-200 pt-[20px] pb-[20px] last:border-b-0"
+          v-for="(item, index) in list" :key="index">
           <div class="flex items-center justify-center">
-            <img v-if="item.icon" class="left" :src="item.icon" />
+            <img v-if="item.icon" class="w-[24px] h-[24px] mr-[12px]" :src="item.icon" />
             <div class="center flex-1">
               <div class="text-[16px] text-black leading-[24px] font-medium">
                 {{ item.title }}
@@ -18,7 +19,8 @@
                 {{ item.content }}
               </div>
             </div>
-            <div class="right  text-[12px] text-white leading-[16px]" @click="handleClick(item)">
+            <div class="bg-[#0ccd58] rounded-[5px] p-[6px] text-[12px] text-white leading-[16px]"
+              @click="handleClick(item)">
               {{ item.btnText }}
             </div>
           </div>
@@ -109,7 +111,3 @@ emitter.on("SHOW_MORE_POPUP", () => {
   open();
 });
 </script>
-
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>
diff --git a/src/pages/home/components/MoreService/styles/index.scss b/src/pages/home/components/MoreService/styles/index.scss
deleted file mode 100644
index 9cd8993..0000000
--- a/src/pages/home/components/MoreService/styles/index.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.popup-content {
-  background-color: #f5f7fa;
-  border-radius: 15px 15px 0 0;
-  padding-bottom: Max(env(safe-area-inset-bottom), 12px) !important;
-}
-
-.list {
-  border-radius: 15px;
-}
-
-.item {
-  gap: 20px;
-
-  &:last-child {
-    border-bottom: none;
-  }
-}
-
-.left {
-  width: 24px;
-  height: 24px;
-  margin-right: 12px;
-}
-
-.right {
-  background-color: #0ccd58;
-  border-radius: 5px;
-  padding: 6px;
-}
diff --git a/src/pages/home/components/RoutePlanCard/index.vue b/src/pages/home/components/RoutePlanCard/index.vue
index 15b677a..086bc47 100644
--- a/src/pages/home/components/RoutePlanCard/index.vue
+++ b/src/pages/home/components/RoutePlanCard/index.vue
@@ -136,7 +136,3 @@ const handleSelect = (node) => {
   emit("select", node);
 };
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>