refactor: replace custom ellipsis classes with native utilities

delete unused ellipsis.scss partial and its import, update all components to use truncate and line-clamp-2 utilities
This commit is contained in:
duanshuwen
2026-07-24 22:19:35 +08:00
parent 0e79cf2ad0
commit 2b12398f2a
32 changed files with 86 additions and 203 deletions

View File

@@ -3,7 +3,7 @@
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] truncate">
{{ orderData.commodityName }}
</view>
@@ -21,7 +21,7 @@
</view>
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-[12px] mb-[12px]">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1 mb-[8px]">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] truncate mb-[8px]">
{{ orderData.commodityName }}
</view>

View File

@@ -15,7 +15,7 @@
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view>
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] truncate">
{{ selectedVoucher.name }}
</view>
</view>