From 01fdf80a725b20890bf7718c23049ffc8d5aec1d Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Fri, 24 Jul 2026 17:00:35 +0800
Subject: [PATCH] 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/components/CreateServiceOrder/index.vue   | 14 ++++----
 src/components/DateRangeSection/index.vue     |  2 +-
 src/components/DetailPopup/index.vue          |  2 +-
 src/components/Feedback/index.vue             |  8 ++---
 src/components/GoodDetail/index.vue           |  4 +--
 src/components/RefundPopup/index.vue          |  4 +--
 src/components/UseDateRange/index.vue         |  2 +-
 .../components/ConactSection/index.vue        | 10 +++---
 .../components/UserSection/index.vue          |  6 ++--
 src/pages-booking/index.vue                   |  8 ++---
 .../order/components/AmtSection/index.vue     |  2 +-
 .../order/components/GoodsInfo/index.vue      |  6 ++--
 .../components/OrderCard/OrderCardContent.vue |  4 +--
 .../order/components/OrderCard/index.vue      |  4 +--
 .../order/components/OrderQrcode/index.vue    |  8 ++---
 .../components/OrderStatusInfo/index.vue      |  2 +-
 .../order/components/VoucherList/index.vue    |  2 +-
 src/pages-quick/components/Card/index.vue     | 10 +++---
 .../order/components/OrderCard/index.vue      | 16 ++++-----
 src/pages/ChatMain/ChatQuickAccess/index.vue  |  2 +-
 src/pages/ChatMain/ChatTopWelcome/index.vue   |  2 +-
 src/pages/ChatMain/NoticeMessage/detail.vue   |  2 +-
 src/pages/ChatModule/CallMobile/index.vue     |  2 +-
 src/pages/ChatModule/MoreService/index.vue    |  6 ++--
 .../goods/components/GoodFacility/index.vue   |  4 +--
 src/static/scss/index.scss                    |  1 -
 src/static/scss/line-height.scss              | 36 -------------------
 27 files changed, 66 insertions(+), 103 deletions(-)
 delete mode 100644 src/static/scss/line-height.scss

diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 36bd6ff..f9ec681 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -10,23 +10,23 @@
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
         <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
-          <text class="font-500 line-height-22 mr-20">所在位置</text>
+          <text class="font-500 leading-[22px] mr-20">所在位置</text>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </view>
 
         <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
-          <text class="font-500 line-height-22 mr-20">联系电话</text>
+          <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </view>
 
         <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
-          <view class="font-500 line-height-22 mb-12">需求信息描述</view>
+          <view class="font-500 leading-[22px] mb-12">需求信息描述</view>
           <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
 
         <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
-          <view class="font-500 line-height-22 mb-12">照片上传</view>
+          <view class="font-500 leading-[22px] mb-12">照片上传</view>
 
           <view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
             <view v-if="contentImgUrl" class="w-full h-full relative inline-block">
@@ -47,9 +47,9 @@
 
       <view v-else class="border-box card-content flex flex-items-center p-[12px]">
         <view class="border-box left flex-full pr-[20px]">
-          <view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ roomId }}</view>
-          <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view>
-          <view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ contactText }}</view>
+          <view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ roomId }}</view>
+          <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
+          <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
         </view>
 
         <image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 483576e..0e8a836 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -13,7 +13,7 @@
       </text>
     </view>
     <view class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <text class="font-size-12 theme-color-500 line-height-16">房间详情</text>
+      <text class="font-size-12 theme-color-500 leading-[16px]">房间详情</text>
       <uni-icons type="right" size="15" color="#99A0AE" />
     </view>
   </view>
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 524b7ee..97b331e 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -2,7 +2,7 @@
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
-        <view class="flex-full font-size-16 color-171717 line-height-24 text-center">明细详情</view>
+        <view class="flex-full font-size-16 color-171717 leading-[24px] text-center">明细详情</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index bfad05a..bc82b72 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -10,11 +10,11 @@
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
         <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
-          <text class="font-500 line-height-22 mr-20">联系电话</text>
+          <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
         <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
-          <view class="font-500 line-height-22 mb-12">意见内容</view>
+          <view class="font-500 leading-[22px] mb-12">意见内容</view>
           <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
@@ -27,8 +27,8 @@
       </view>
 
       <view v-else class="border-box left flex-full p-[12px]">
-        <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ contactPhone }}</view>
-        <view class="font-size-12 color-525866 line-height-20 ellipsis-2">意见内容: {{ contactText }}</view>
+        <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
+        <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
       </view>
 
       <view class="footer-help flex flex-items-center pl-[12px] mb-12">
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index bc2c1d1..1e5d554 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -15,11 +15,11 @@
             <uni-icons fontFamily="znicons" size="20" color="#333">
               {{ zniconsMap[moduleItem.moduleIcon] }}
             </uni-icons>
-            <text class="ml-4 font-size-14 color-171717 line-height-20">
+            <text class="ml-4 font-size-14 color-171717 leading-[20px]">
               {{ moduleItem.moduleTitle }}
             </text>
           </view>
-          <text class="flex-full font-size-12 color-525866 line-height-20 mt-4">
+          <text class="flex-full font-size-12 color-525866 leading-[20px] mt-4">
             {{ moduleItem.moduleContent }}
           </text>
         </view>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 2196fe0..0d65773 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -2,7 +2,7 @@
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
-        <view class="flex-full font-size-16 color-171717 line-height-24 text-center">取消政策</view>
+        <view class="flex-full font-size-16 color-171717 leading-[24px] text-center">取消政策</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
@@ -16,7 +16,7 @@
             {{ refundTitle }}
           </text>
         </view>
-        <view class="font-size-14 color-525866 line-height-16 mb-4"
+        <view class="font-size-14 color-525866 leading-[16px] mb-4"
           v-for="(item, index) in commodityPurchaseInstruction" :key="index">
           {{ item }}
         </view>
diff --git a/src/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index efad527..7f5ed6d 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="border-box font-size-16 font-500 color-000 line-height-24 p-[12px]">使用日期</view>
+    <view class="border-box font-size-16 font-500 color-000 leading-[24px] p-[12px]">使用日期</view>
     <view class="flex flex-items-center border-box">
       <scroll-view class="date-scroll" scroll-x>
         <view class="date-list">
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index f456677..786c62f 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -2,8 +2,8 @@
   <!-- 选择数量 -->
   <view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
     <view class="flex-full">
-      <view class="font-size-16 font-500 color-000 line-height-24">选择数量</view>
-      <view class="font-size-12 color-A3A3A3 line-height-16">
+      <view class="font-size-16 font-500 color-000 leading-[24px]">选择数量</view>
+      <view class="font-size-12 color-A3A3A3 leading-[16px]">
         请选择套餐数量
       </view>
     </view>
@@ -18,11 +18,11 @@
 
   <!-- 联系方式 -->
   <view class="bg-white rounded-12 overflow-hidden">
-    <view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view>
+    <view class="border-box border-bottom font-size-16 font-500 color-000 leading-[24px] p-[12px]">联系方式</view>
     <view class="flex flex-items-center p-[12px]">
       <view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
+        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
           v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
       </view>
     </view>
@@ -30,7 +30,7 @@
     <view class="flex flex-items-center p-[12px]">
       <view class="font-size-14 font-500 color-525866 mr-12"> 手机号码 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
+        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
           v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
       </view>
     </view>
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index ac6d099..04bfe9d 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
     <view class="flex flex-items-center p-[12px] border-bottom">
-      <view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view>
+      <view class="font-size-16 font-500 color-000 leading-[24px] flex-full">入住信息</view>
       <view class="right">
         <Stepper v-model="count" unit="间" />
       </view>
@@ -12,7 +12,7 @@
         v-for="(item, index) in userFormList" :key="index">
         <view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
+          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
             v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
         </view>
       </view>
@@ -20,7 +20,7 @@
       <view class="flex flex-items-center pt-[12px] pb-[12px]">
         <view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
+          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
             v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
         </view>
       </view>
diff --git a/src/pages-booking/index.vue b/src/pages-booking/index.vue
index 8986301..2a9d0d3 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -13,12 +13,12 @@
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
 
-        <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
+        <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
           {{ orderData.commodityName }}
         </view>
 
         <view class="border-box border-bottom">
-          <view class="font-size-12 color-99A0AE line-height-16 pb-[12px] break-all">
+          <view class="font-size-12 color-99A0AE leading-[16px] pb-[12px] break-all">
             {{ orderData.commodityDescription }}
           </view>
 
@@ -32,9 +32,9 @@
         </view>
 
         <view class="border-box flex flex-items-center flex-justify-between pt-[12px]">
-          <text class="font-size-12 color-525866 line-height-18">取消政策及说明</text>
+          <text class="font-size-12 color-525866 leading-[18px]">取消政策及说明</text>
           <view class="flex flex-items-center">
-            <text class="font-size-12 theme-color-500 line-height-16" @click="refundVisible = true">取消政策</text>
+            <text class="font-size-12 theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</text>
             <uni-icons type="right" size="15" color="#99A0AE" />
           </view>
         </view>
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index d031dc1..49a2211 100644
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -2,7 +2,7 @@
   <view class="bg-white rounded-12 p-[12px] mb-12">
     <view class="flex flex-items-center flex-justify-between">
       <view class="flex flex-items-center">
-        <text class="font-size-16 color-171717 line-height-24 font-500">
+        <text class="font-size-16 color-171717 leading-[24px] font-500">
           订单金额
         </text>
         <text class="amt font-size-18 font-bold color-FF3D60 ml-4">
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index bc7f1a2..8d4fd85 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -3,11 +3,11 @@
     <!-- 酒店类型入住离店日期部分 -->
     <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
 
-    <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
+    <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom font-size-12 color-99A0AE line-height-16 pb-[12px]">
+    <view class="border-box border-bottom font-size-12 color-99A0AE leading-[16px] pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
@@ -21,7 +21,7 @@
   </view>
 
   <view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
-    <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1 mb-8">
+    <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1 mb-8">
       {{ orderData.commodityName }}
     </view>
 
diff --git a/src/pages-order/order/components/OrderCard/OrderCardContent.vue b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
index bb251cc..e29c5f8 100644
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/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 }}
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 45bd03b..9d994dc 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/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>
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 0bde5a4..10165d6 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -14,7 +14,7 @@
 
         <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
           <view>
-            <view class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
+            <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
               {{ selectedVoucher.name }}
             </view>
           </view>
@@ -32,9 +32,9 @@
         <view
           class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
           <view class="flex flex-row flex-justify-between w-full px-[12px]">
-            <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">凭证{{
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
-            <view class="text-color-500 font-size-14 px-[12px] line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count
+            <view class="text-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
               -
               selectedVoucher.writeOffCount }}份</view>
           </view>
@@ -46,7 +46,7 @@
           </view>
 
           <view v-if="false"
-            class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] line-height-24 rounded-12">
+            class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">
             {{ selectedVoucher.name }}
           </view>
         </view>
diff --git a/src/pages-order/order/components/OrderStatusInfo/index.vue b/src/pages-order/order/components/OrderStatusInfo/index.vue
index 2fd3233..cdfa33f 100644
--- a/src/pages-order/order/components/OrderStatusInfo/index.vue
+++ b/src/pages-order/order/components/OrderStatusInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="border-box font-size-24 color-171717 line-height-32 font-500 pt-[12px] pb-[12px]">
+  <view class="border-box font-size-24 color-171717 leading-[32px] font-500 pt-[12px] pb-[12px]">
     {{ currentStatusText }}
   </view>
 </template>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index 22a9e75..08a2b61 100644
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12">
-    <text class="font-size-16 color-171717 line-height-24 font-500">
+    <text class="font-size-16 color-171717 leading-[24px] font-500">
       核销凭证列表
     </text>
 
diff --git a/src/pages-quick/components/Card/index.vue b/src/pages-quick/components/Card/index.vue
index 8a110a2..353f8f5 100644
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -2,21 +2,21 @@
   <view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
     <image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
     <view class="right flex-full pl-[12px]">
-      <view class="font-size-16 line-height-24 color-171717 mb-4">
+      <view class="font-size-16 leading-[24px] color-171717 mb-4">
         {{ item.commodityName }}
       </view>
-      <view v-if="item.commodityFacility" class="font-size-12 line-height-16 color-99A0AE mb-4 ellipsis-1">
+      <view v-if="item.commodityFacility" class="font-size-12 leading-[16px] color-99A0AE mb-4 ellipsis-1">
         {{ item.commodityFacility.join(" ") }}
       </view>
-      <view class="font-size-12 line-height-18 color-43669A">
+      <view class="font-size-12 leading-[18px] color-43669A">
         {{ item.commodityTradeRuleList.join(" / ") }}
       </view>
 
       <view class="flex flex-items-center flex-justify-end">
-        <text class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4">
+        <text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] color-FF3D60 mr-4">
           {{ item.specificationPrice }}
         </text>
-        <text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE">
+        <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] color-99A0AE">
           /{{ item.stockUnitLabel }}
         </text>
         <text class="btn rounded-10 color-white ml-16">订</text>
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 6334c23..c498a79 100644
--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -3,17 +3,17 @@
     <!-- 卡片头部 -->
     <view class="border-box flex flex-items-center pb-[12px]">
       <image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
-      <text class="font-size-14 color-525866 line-height-20">工单</text>
-      <text class="font-size-12 color-525866 line-height-20 ml-auto">{{
+      <text class="font-size-14 color-525866 leading-[20px]">工单</text>
+      <text class="font-size-12 color-525866 leading-[20px] ml-auto">{{
         isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
       }}</text>
     </view>
     <!-- 卡片内容 -->
     <view class="border-box card-content flex flex-items-center pb-[12px]">
       <view class="border-box left flex-full pr-[20px]">
-        <view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ orderData.roomNo }}</view>
-        <view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ orderData.userPhone }}</view>
-        <view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ orderData.content }}</view>
+        <view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
+        <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
+        <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
       </view>
 
       <image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
@@ -22,9 +22,9 @@
     <!-- 服务人员 -->
     <view v-if="orderData.processMemberName && orderData.processMemberPhone"
       class="service-user p-[8px] flex flex-items-center flex-justify-between mb-12">
-      <view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view>
+      <view class="font-size-12 leading-[16px]">服务人员：{{ orderData.processMemberName }}</view>
       <uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
-      <text class="font-size-12 line-height-16" @click="callService">拨打电话</text>
+      <text class="font-size-12 leading-[16px]" @click="callService">拨打电话</text>
     </view>
 
     <!-- 取消操作 -->
@@ -33,7 +33,7 @@
       orderData.workOrderStatus !== '2' &&
       orderData.workOrderStatus !== '3'
     " class="flex flex-items-center flex-justify-between">
-      <text class="cancel border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+      <text class="cancel border rounded-6 font-size-12 leading-[16px] color-525866 ml-auto"
         @click="cancelCall">取消呼叫</text>
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index 7de535f..59a98b6 100644
--- a/src/pages/ChatMain/ChatQuickAccess/index.vue
+++ b/src/pages/ChatMain/ChatQuickAccess/index.vue
@@ -5,7 +5,7 @@
         @click="sendReply(item)">
         <view class="flex items-center justify-center">
           <image v-if="item.icon" class="icon" :src="item.icon" />
-          <text class="font-size-14 theme-color-500 line-height-20">
+          <text class="font-size-14 theme-color-500 leading-[20px]">
             {{ item.title }}
           </text>
         </view>
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index 46b1994..b250031 100644
--- a/src/pages/ChatMain/ChatTopWelcome/index.vue
+++ b/src/pages/ChatMain/ChatTopWelcome/index.vue
@@ -6,7 +6,7 @@ v
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
-        <view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 line-height-24">
+        <view class="welcome-text font-size-14 font-500 font-family-misans-vf color-171717 leading-[24px]">
           {{ welcomeContent }}
         </view>
       </view>
diff --git a/src/pages/ChatMain/NoticeMessage/detail.vue b/src/pages/ChatMain/NoticeMessage/detail.vue
index 6e5d340..a07e64c 100644
--- a/src/pages/ChatMain/NoticeMessage/detail.vue
+++ b/src/pages/ChatMain/NoticeMessage/detail.vue
@@ -18,7 +18,7 @@
             <text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
           </view>
 
-          <view class="mt-20 pt-[16px] color-666 font-size-14 line-height-20 border-top">{{ noticeContent }}</view>
+          <view class="mt-20 pt-[16px] color-666 font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
         </view>
       </view>
     </scroll-view>
diff --git a/src/pages/ChatModule/CallMobile/index.vue b/src/pages/ChatModule/CallMobile/index.vue
index d16469d..37b3544 100644
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -7,7 +7,7 @@
       </view>
 
       <view class="border-box pl-[12px] pr-[12px]">
-        <view class="font-size-16 color-A3A3A3 line-height-22">
+        <view class="font-size-16 color-A3A3A3 leading-[22px]">
           如有任何疑问，欢迎随时致电景区咨询热线：
           <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
             class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
diff --git a/src/pages/ChatModule/MoreService/index.vue b/src/pages/ChatModule/MoreService/index.vue
index c8c93f2..37909b6 100644
--- a/src/pages/ChatModule/MoreService/index.vue
+++ b/src/pages/ChatModule/MoreService/index.vue
@@ -11,14 +11,14 @@
           <view class="flex flex-items-center flex-justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-full">
-              <view class="font-size-16 color-000 line-height-24 font-500">
+              <view class="font-size-16 color-000 leading-[24px] font-500">
                 {{ item.title }}
               </view>
-              <view class="font-size-12 color-A3A3A3 line-height-16">
+              <view class="font-size-12 color-A3A3A3 leading-[16px]">
                 {{ item.content }}
               </view>
             </view>
-            <view class="right font-size-12 color-white line-height-16" @click="handleClick(item)">
+            <view class="right font-size-12 color-white leading-[16px]" @click="handleClick(item)">
               {{ item.btnText }}
             </view>
           </view>
diff --git a/src/pages/goods/components/GoodFacility/index.vue b/src/pages/goods/components/GoodFacility/index.vue
index de0cc05..aa26922 100644
--- a/src/pages/goods/components/GoodFacility/index.vue
+++ b/src/pages/goods/components/GoodFacility/index.vue
@@ -9,12 +9,12 @@
           <uni-icons fontFamily="znicons" size="20" color="#171717">
             {{ zniconsMap[moduleItem.icon] }}
           </uni-icons>
-          <text class="ml-4 font-size-12 color-171717 line-height-20">
+          <text class="ml-4 font-size-12 color-171717 leading-[20px]">
             {{ moduleItem.title }}
           </text>
         </view>
         <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"
+          <text class="font-size-12 color-525866 leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
             :key="index">
             {{ text }}
           </text>
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index 630e1a1..553a5a9 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -5,7 +5,6 @@
 @import "./flex.scss";
 @import "./font-weight.scss";
 @import "./height.scss";
-@import "./line-height.scss";
 @import "./margin.scss";
 @import "./font-size.scss";
 @import "./font-family.scss";
diff --git a/src/static/scss/line-height.scss b/src/static/scss/line-height.scss
deleted file mode 100644
index af749db..0000000
--- a/src/static/scss/line-height.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// 行高
-.line-height-16 {
-  line-height: 16px;
-}
-
-.line-height-17 {
-  line-height: 17px;
-}
-
-.line-height-18 {
-  line-height: 18px;
-}
-
-.line-height-20 {
-  line-height: 20px;
-}
-
-.line-height-21 {
-  line-height: 21px;
-}
-
-.line-height-22 {
-  line-height: 22px;
-}
-
-.line-height-24 {
-  line-height: 24px;
-}
-
-.line-height-30 {
-  line-height: 30px;
-}
-
-.line-height-32 {
-  line-height: 32px;
-}