fix(订单页面): 调整布局对齐并修复电池容量显示条件
将订单卡片内容对齐方式从space-between改为flex-start以改善视觉效果 添加电池容量显示的条件判断,避免无数据时显示空标签
Showing
2 changed files
with
2 additions
and
2 deletions
| ... | @@ -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> | ... | ... |
-
Please register or login to post a comment