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

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>