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-booking/components/ConactSection/index.vue
View File

@@ -2,8 +2,8 @@
<!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
<view class="flex-full">
<view class="font-size-16 font-500 color-000 line-height-24">选择数量</view>
<view class="font-size-12 color-A3A3A3 line-height-16">
<view class="font-size-16 font-500 color-000 leading-[24px]">选择数量</view>
<view class="font-size-12 color-A3A3A3 leading-[16px]">
请选择套餐数量
</view>
</view>
@@ -18,11 +18,11 @@
<!-- 联系方式 -->
<view class="bg-white rounded-12 overflow-hidden">
<view class="border-box border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">联系方式</view>
<view class="border-box border-bottom font-size-16 font-500 color-000 leading-[24px] p-[12px]">联系方式</view>
<view class="flex flex-items-center p-[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].visitorName" placeholder="请输入联系人" maxlength="20" />
</view>
</view>
@@ -30,7 +30,7 @@
<view class="flex flex-items-center p-[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>

6
src/pages-booking/components/UserSection/index.vue
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>

8
src/pages-booking/index.vue
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>