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

@@ -1,7 +1,7 @@
<template>
<view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="flex flex-items-center p-[12px] border-bottom">
<view class="font-size-16 font-500 color-000 line-height-24 flex-full">入住信息</view>
<view class="font-size-16 font-500 color-000 leading-[24px] flex-full">入住信息</view>
<view class="right">
<Stepper v-model="count" unit="间" />
</view>
@@ -12,7 +12,7 @@
v-for="(item, index) in userFormList" :key="index">
<view class="font-size-14 font-500 color-525866 mr-12"> 住客姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
</view>
</view>
@@ -20,7 +20,7 @@
<view class="flex flex-items-center pt-[12px] pb-[12px]">
<view class="font-size-14 font-500 color-525866 mr-12"> 联系手机 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 line-height-20"
<input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
</view>
</view>