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

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