zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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.
This commit is contained in:
duanshuwen
2026-07-24 17:00:35 +08:00
parent 39b91a8d05
commit 01fdf80a72
27 changed files with 66 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages-order/order/components/AmtSection/index.vue
View File

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

6
src/pages-order/order/components/GoodsInfo/index.vue
View File

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

4
src/pages-order/order/components/OrderCard/OrderCardContent.vue
View File

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

4
src/pages-order/order/components/OrderCard/index.vue
View File

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

8
src/pages-order/order/components/OrderQrcode/index.vue
View File

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

2
src/pages-order/order/components/OrderStatusInfo/index.vue
View File

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

2
src/pages-order/order/components/VoucherList/index.vue
View File

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