hookehuyr

fix(订单页面): 调整布局对齐并修复电池容量显示条件

将订单卡片内容对齐方式从space-between改为flex-start以改善视觉效果
添加电池容量显示的条件判断,避免无数据时显示空标签
...@@ -253,7 +253,7 @@ ...@@ -253,7 +253,7 @@
253 padding-left: 24rpx; 253 padding-left: 24rpx;
254 display: flex; 254 display: flex;
255 flex-direction: column; 255 flex-direction: column;
256 - justify-content: space-between; 256 + justify-content: flex-start;
257 height: 180rpx; /* 匹配图片高度 */ 257 height: 180rpx; /* 匹配图片高度 */
258 } 258 }
259 259
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
80 <text class="vehicle-specs"> 80 <text class="vehicle-specs">
81 <text v-if="order.details.vehicle.manufacture_year">{{ order.details.vehicle.manufacture_year }}年 | </text>续航{{ order.details.vehicle.range_km }}km 81 <text v-if="order.details.vehicle.manufacture_year">{{ order.details.vehicle.manufacture_year }}年 | </text>续航{{ order.details.vehicle.range_km }}km
82 </text> 82 </text>
83 - <text class="vehicle-battery">电池容量:{{ order.details.vehicle.battery_capacity_ah }}Ah</text> 83 + <text v-if="order.details.vehicle.battery_capacity_ah" class="vehicle-battery">电池容量:{{ order.details.vehicle.battery_capacity_ah }}Ah</text>
84 <text v-if="order.details.vehicle.price" class="vehicle-price">¥{{ order.details.vehicle.price }}</text> 84 <text v-if="order.details.vehicle.price" class="vehicle-price">¥{{ order.details.vehicle.price }}</text>
85 </view> 85 </view>
86 </nut-col> 86 </nut-col>
......