diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index ecc05a3..933ab23 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -13,7 +13,7 @@
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
 
-        <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1">
+        <div class="text-[16px] font-medium color-000 leading-[24px] truncate">
           {{ orderData.commodityName }}
         </div>
 
diff --git a/src/pages/home/components/FacilityLocationCard/index.vue b/src/pages/home/components/FacilityLocationCard/index.vue
index 4b4eb1d..d1fcdbe 100644
--- a/src/pages/home/components/FacilityLocationCard/index.vue
+++ b/src/pages/home/components/FacilityLocationCard/index.vue
@@ -7,7 +7,7 @@
         <div class="facility-location-card__badge color-2563EB bg-EFF6FF text-[12px] font-900">
           {{ type.text }}
         </div>
-        <div class="facility-location-card__title color-1E293B text-[18px] font-900 ellipsis-1">
+        <div class="facility-location-card__title color-1E293B text-[18px] font-900 truncate">
           {{ data.title }}
         </div>
       </div>
diff --git a/src/pages/home/components/FaqHelpCard/index.vue b/src/pages/home/components/FaqHelpCard/index.vue
index f9514c4..ef4be1f 100644
--- a/src/pages/home/components/FaqHelpCard/index.vue
+++ b/src/pages/home/components/FaqHelpCard/index.vue
@@ -14,7 +14,7 @@
     <div class="faq-help-card__list">
       <div v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex flex-items-center"
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
-        <div class="faq-help-card__question color-475569 text-[18px] font-900 ellipsis-1 flex-full">
+        <div class="faq-help-card__question color-475569 text-[18px] font-900 truncate flex-full">
           {{ item.text }}
         </div>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
diff --git a/src/pages/home/components/LongTextGuideCard/index.vue b/src/pages/home/components/LongTextGuideCard/index.vue
index b640400..bb41733 100644
--- a/src/pages/home/components/LongTextGuideCard/index.vue
+++ b/src/pages/home/components/LongTextGuideCard/index.vue
@@ -25,7 +25,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
-        <div class="long-text-guide-card__detail-title color-1E293B text-[18px] font-900 ellipsis-1">
+        <div class="long-text-guide-card__detail-title color-1E293B text-[18px] font-900 truncate">
           {{ activeItem.title }}
         </div>
         <div class="long-text-guide-card__badge long-text-guide-card__detail-badge text-[12px] font-900"
diff --git a/src/pages/home/components/MapNavigationCard/index.vue b/src/pages/home/components/MapNavigationCard/index.vue
index 2270454..ce8cdd5 100644
--- a/src/pages/home/components/MapNavigationCard/index.vue
+++ b/src/pages/home/components/MapNavigationCard/index.vue
@@ -10,10 +10,10 @@
 
     <div class="map-navigation-card__content flex flex-items-center">
       <div class="map-navigation-card__info flex-full">
-        <div class="map-navigation-card__title color-1E293B text-[18px] font-900 ellipsis-1">
+        <div class="map-navigation-card__title color-1E293B text-[18px] font-900 truncate">
           {{ data.title }}
         </div>
-        <div class="map-navigation-card__distance color-94A3B8 text-[14px] font-900 ellipsis-1">
+        <div class="map-navigation-card__distance color-94A3B8 text-[14px] font-900 truncate">
           {{ data.distance }}
         </div>
       </div>
diff --git a/src/pages/home/components/PoiCompareCard/index.vue b/src/pages/home/components/PoiCompareCard/index.vue
index e2d550a..983341f 100644
--- a/src/pages/home/components/PoiCompareCard/index.vue
+++ b/src/pages/home/components/PoiCompareCard/index.vue
@@ -5,7 +5,7 @@
         <div class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
         </div>
-        <div class="poi-compare-card__title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
+        <div class="poi-compare-card__title color-1E293B text-[18px] font-900 truncate flex-full">
           {{ data.title }}
         </div>
       </div>
diff --git a/src/pages/home/components/RecommendationListCard/index.vue b/src/pages/home/components/RecommendationListCard/index.vue
index 8cb7bcb..8a3a513 100644
--- a/src/pages/home/components/RecommendationListCard/index.vue
+++ b/src/pages/home/components/RecommendationListCard/index.vue
@@ -7,7 +7,7 @@
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
         <img class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
         <div class="recommendation-list-card__body p-16">
-          <div class="recommendation-list-card__name color-1E293B text-[18px] font-900 ellipsis-1">
+          <div class="recommendation-list-card__name color-1E293B text-[18px] font-900 truncate">
             {{ item.title }}
           </div>
           <div
diff --git a/src/pages/home/components/RoutePlanCard/index.vue b/src/pages/home/components/RoutePlanCard/index.vue
index afed03a..40d8723 100644
--- a/src/pages/home/components/RoutePlanCard/index.vue
+++ b/src/pages/home/components/RoutePlanCard/index.vue
@@ -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">
diff --git a/src/pages/home/components/ScenicImageCard/index.vue b/src/pages/home/components/ScenicImageCard/index.vue
index 1fee5e0..ac5cf21 100644
--- a/src/pages/home/components/ScenicImageCard/index.vue
+++ b/src/pages/home/components/ScenicImageCard/index.vue
@@ -10,10 +10,10 @@
     </div>
 
     <div v-if="hasCaption" class="scenic-image-card__caption">
-      <div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-900 ellipsis-1">
+      <div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-900 truncate">
         {{ caption.title }}
       </div>
-      <div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-900 ellipsis-1">
+      <div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-900 truncate">
         {{ caption.subtitle }}
       </div>
     </div>
diff --git a/src/pages/home/components/SharedVisual/ActionRow.vue b/src/pages/home/components/SharedVisual/ActionRow.vue
index 25e8f3b..d172311 100644
--- a/src/pages/home/components/SharedVisual/ActionRow.vue
+++ b/src/pages/home/components/SharedVisual/ActionRow.vue
@@ -7,8 +7,8 @@
       <slot name="icon">{{ icon }}</slot>
     </div>
     <div class="visual-action-row__body flex-full">
-      <div class="visual-action-row__title color-1E293B text-[14px] font-900 ellipsis-1">{{ title }}</div>
-      <div v-if="subtitle" class="visual-action-row__subtitle ellipsis-1">
+      <div class="visual-action-row__title color-1E293B text-[14px] font-900 truncate">{{ title }}</div>
+      <div v-if="subtitle" class="visual-action-row__subtitle truncate">
         {{ subtitle }}
       </div>
     </div>
diff --git a/src/pages/home/components/SharedVisual/DetailShell.vue b/src/pages/home/components/SharedVisual/DetailShell.vue
index 6c3934a..209cb53 100644
--- a/src/pages/home/components/SharedVisual/DetailShell.vue
+++ b/src/pages/home/components/SharedVisual/DetailShell.vue
@@ -5,7 +5,7 @@
         @click="$emit('back')">
         <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
       </div>
-      <div class="visual-detail__title flex-full color-1E293B text-[14px] font-900 ellipsis-1">{{ title }}</div>
+      <div class="visual-detail__title flex-full color-1E293B text-[14px] font-900 truncate">{{ title }}</div>
       <BadgePill v-if="tag" :label="tag" :tone="tone" />
     </div>
     <slot />
diff --git a/src/pages/order/order/components/GoodsInfo/index.vue b/src/pages/order/order/components/GoodsInfo/index.vue
index 7f20e8b..952e598 100644
--- a/src/pages/order/order/components/GoodsInfo/index.vue
+++ b/src/pages/order/order/components/GoodsInfo/index.vue
@@ -3,7 +3,7 @@
     <!-- 酒店类型入住离店日期部分 -->
     <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
 
-    <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1">
+    <div class="text-[16px] font-medium color-000 leading-[24px] truncate">
       {{ orderData.commodityName }}
     </div>
 
@@ -21,7 +21,7 @@
   </div>
 
   <div v-if="orderType != 0" class=" bg-white p-[12px] rounded-[12px] mb-12">
-    <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1 mb-8">
+    <div class="text-[16px] font-medium color-000 leading-[24px] truncate mb-8">
       {{ orderData.commodityName }}
     </div>