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

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