diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
index 517ce2d..bc7afcd 100644
--- a/src/pages/order/detail.vue
+++ b/src/pages/order/detail.vue
@@ -47,7 +47,7 @@
           :key="index" 
           class="item-row"
         >
-          <text class="item-info"><text class="item-name-text">{{ item.productName }}</text><text class="item-spec-text">{{ item.productSpec ? '　' + item.productSpec : '' }}</text>\n{{ item.length || '-' }}x{{ item.width || '-' }}</text>
+          <text class="item-info"><text class="item-name-text">{{ item.productName }}</text><text class="item-spec-text">{{ item.productSpec ? '　' + item.productSpec : '' }}</text><text class="item-dims-text">{{ item.length || '-' }}x{{ item.width || '-' }}</text></text>
           <text class="item-area">{{ calcArea(item) }}</text>
           <text class="item-qty">{{ item.quantity }}</text>
           <text class="item-price">¥{{ item.price }}</text>
@@ -366,7 +366,6 @@ export default {
 
 .item-info {
   flex: 3;
-  white-space: pre-line;
   font-size: 24rpx;
   color: #333;
   line-height: 1.6;
@@ -381,6 +380,11 @@ export default {
   color: #999;
 }
 
+.item-dims-text {
+  color: #666;
+  margin-left: 8rpx;
+}
+
 .item-area {
   flex: 1.2;
   text-align: center;
diff --git a/src/pages/share/order.vue b/src/pages/share/order.vue
index 543e33b..8419323 100644
--- a/src/pages/share/order.vue
+++ b/src/pages/share/order.vue
@@ -61,7 +61,7 @@
             :key="index" 
             class="item-row"
           >
-            <text class="item-info"><text class="item-name-text">{{ item.productName }}</text><text class="item-spec-text">{{ item.productSpec ? '　' + item.productSpec : '' }}</text>\n{{ item.length || '-' }}x{{ item.width || '-' }}</text>
+            <text class="item-info"><text class="item-name-text">{{ item.productName }}</text><text class="item-spec-text">{{ item.productSpec ? '　' + item.productSpec : '' }}</text><text class="item-dims-text">{{ item.length || '-' }}x{{ item.width || '-' }}</text></text>
             <text class="item-area">{{ calcArea(item) }}</text>
             <text class="item-qty">{{ item.quantity }}</text>
             <text class="item-price">¥{{ item.price }}</text>
@@ -306,7 +306,6 @@ export default {
 
 .item-info {
   flex: 3;
-  white-space: pre-line;
   font-size: 24rpx;
   color: #333;
   line-height: 1.6;
@@ -321,6 +320,11 @@ export default {
   color: #999;
 }
 
+.item-dims-text {
+  color: #666;
+  margin-left: 8rpx;
+}
+
 .item-area {
   flex: 1.2;
   text-align: center;