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:
@@ -4,7 +4,7 @@
|
||||
<view class="card-header flex items-center">
|
||||
<view class="status-info flex items-center flex-full">
|
||||
<image class="status-icon mr-4" :src="getStatusIcon()" />
|
||||
<view class="order-title font-size-14 line-height-20 color-525866">
|
||||
<view class="order-title font-size-14 leading-[20px] color-525866">
|
||||
{{ getOrderTypeName() }}
|
||||
</view>
|
||||
</view>
|
||||
@@ -21,7 +21,7 @@
|
||||
|
||||
<view v-if="orderData.orderStatus === '0'" class="text-right">
|
||||
<button
|
||||
class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center line-height-30"
|
||||
class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
|
||||
@click.stop="handleCardClick">
|
||||
去支付
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user