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