refactor: replace custom line-height classes with tailwind leading utils

Remove the deprecated src/static/scss/line-height.scss custom utility file, and update all component template instances of line-height-* classes to use the equivalent tailwind leading-[xxpx] utilities. This standardizes line height styling across the codebase by using native tailwind classes instead of custom SCSS helpers.

src/pages-order/order/components/OrderCard/OrderCardContent.vue

@@ -1,11 +1,11 @@
 <template>
   <view class="card-content 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 leading-[20px] color-171717 mr-12">
         {{ orderData.commodityName }}
       </view>
       <view :class="[
-        'right font-size-18 font-bold line-height-20',
+        'right font-size-18 font-bold leading-[20px]',
         orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
       ]">
         {{ orderData.orderAmt }}

src/pages-order/order/components/OrderCard/index.vue

@@ -4,7 +4,7 @@
     <view class="card-header flex items-center">
       <view class="status-info flex items-center flex-full">
         <image class="status-icon mr-4" :src="getStatusIcon()" />
-        <view class="order-title font-size-14 line-height-20 color-525866">
+        <view class="order-title font-size-14 leading-[20px] color-525866">
           {{ getOrderTypeName() }}
         </view>
       </view>
@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
+        class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
         @click.stop="handleCardClick">
         去支付
       </button>