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