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

16
src/pages-service/order/components/OrderCard/index.vue
View File

@@ -3,17 +3,17 @@
<!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
<text class="font-size-14 color-525866 line-height-20">工单</text>
<text class="font-size-12 color-525866 line-height-20 ml-auto">{{
<text class="font-size-14 color-525866 leading-[20px]">工单</text>
<text class="font-size-12 color-525866 leading-[20px] ml-auto">{{
isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
}}</text>
</view>
<!-- 卡片内容 -->
<view class="border-box card-content flex flex-items-center pb-[12px]">
<view class="border-box left flex-full pr-[20px]">
<view class="font-size-12 color-525866 line-height-20 mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 color-525866 line-height-20 mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 color-525866 line-height-20 ellipsis-2">需求描述: {{ orderData.content }}</view>
<view class="font-size-12 color-525866 leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
<view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
<view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
</view>
<image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
@@ -22,9 +22,9 @@
<!-- 服务人员 -->
<view v-if="orderData.processMemberName && orderData.processMemberPhone"
class="service-user p-[8px] flex flex-items-center flex-justify-between mb-12">
<view class="font-size-12 line-height-16">服务人员：{{ orderData.processMemberName }}</view>
<view class="font-size-12 leading-[16px]">服务人员：{{ orderData.processMemberName }}</view>
<uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
<text class="font-size-12 line-height-16" @click="callService">拨打电话</text>
<text class="font-size-12 leading-[16px]" @click="callService">拨打电话</text>
</view>
<!-- 取消操作 -->
@@ -33,7 +33,7 @@
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between">
<text class="cancel border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
<text class="cancel border rounded-6 font-size-12 leading-[16px] color-525866 ml-auto"
@click="cancelCall">取消呼叫</text>
</view>
</view>