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

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>

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>

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>

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>