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

10
src/pages-quick/components/Card/index.vue
View File

@@ -2,21 +2,21 @@
<view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right flex-full pl-[12px]">
<view class="font-size-16 line-height-24 color-171717 mb-4">
<view class="font-size-16 leading-[24px] color-171717 mb-4">
{{ item.commodityName }}
</view>
<view v-if="item.commodityFacility" class="font-size-12 line-height-16 color-99A0AE mb-4 ellipsis-1">
<view v-if="item.commodityFacility" class="font-size-12 leading-[16px] color-99A0AE mb-4 ellipsis-1">
{{ item.commodityFacility.join(" ") }}
</view>
<view class="font-size-12 line-height-18 color-43669A">
<view class="font-size-12 leading-[18px] color-43669A">
{{ item.commodityTradeRuleList.join(" / ") }}
</view>
<view class="flex flex-items-center flex-justify-end">
<text class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4">
<text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] color-FF3D60 mr-4">
{{ item.specificationPrice }}
</text>
<text v-if="item.stockUnitLabel" class="font-size-12 line-height-16 color-99A0AE">
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] color-99A0AE">
/{{ item.stockUnitLabel }}
</text>
<text class="btn rounded-10 color-white ml-16">订</text>