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

@@ -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>

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 }}收到您的意见将第一时间为您处理!

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">

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>

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" />

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>

src/pages/home/components/MoreService/styles/index.scss

@@ -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;
-}

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>