duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: replace ellipsis-1 with truncate

Browse Source 
update all single-line text truncation usages across components from the custom ellipsis-1 class to Tailwind's native truncate utility for consistent styling
This commit is contained in:
DEV_DSW
2026-05-29 09:50:09 +08:00
parent a131531a81
commit 42f364809a
12 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/home/components/RoutePlanCard/index.vue
View File

@@ -5,7 +5,7 @@
:class="{ 'is-disabled': disabled }" @click="openDetail">
<img class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
<div class="route-plan-card__body flex-full">
<div class="route-plan-card__title color-1E293B text-[18px] font-900 ellipsis-1">
<div class="route-plan-card__title color-1E293B text-[18px] font-900 truncate">
{{ data.title }}
</div>
<div class="route-plan-card__tags flex flex-items-center">
@@ -26,7 +26,7 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</div>
<div class="route-plan-card__detail-title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
<div class="route-plan-card__detail-title color-1E293B text-[18px] font-900 truncate flex-full">
{{ data.title }}
</div>
<div class="route-plan-card__detail-badge color-047857 bg-ECFDF5 text-[12px] font-900">
@@ -44,10 +44,10 @@
<div class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
<img class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
<div class="route-plan-card__node-body flex-full">
<div class="route-plan-card__node-title color-1E293B text-[16px] font-900 ellipsis-1">
<div class="route-plan-card__node-title color-1E293B text-[16px] font-900 truncate">
{{ node.title }}
</div>
<div class="route-plan-card__node-desc color-94A3B8 text-[12px] font-800 ellipsis-1">
<div class="route-plan-card__node-desc color-94A3B8 text-[12px] font-800 truncate">
{{ node.description }}
</div>
<div v-if="node.tag" class="route-plan-card__node-tag color-D97706 bg-FFFBEB text-[12px] font-900">