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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user