优化内容加修复bug

property-uniapp-project/pageSubPack/my/myParkingSpaceIndex.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="contentStyle">
-		<view class="status-bar"></view>
+		<!-- <view class="status-bar"></view>
 		<uni-nav-bar title="我的车位" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
-		</uni-nav-bar>
+		</uni-nav-bar> -->
 		<scroll-view class="page" scroll-y="true" @scrolltolower="getList" refresher-enabled="true" :refresher-triggered="isRefreshing" @refresherrefresh="onRefresh">
 			<view v-if="parkingSpaceList.length === 0" class="empty-state">
 				<uni-icons type="info" size="60" color="#ccc"></uni-icons>
@@ -49,7 +49,7 @@
 						</view>
 						<view class="right">
 							<image :src="item.carImageUrl?item.carImageUrl:'http://47.104.199.163:9090/images/propertyImgs/myParkingSpace.png'"
-								class="imgItem" mode="widthFix"></image>
+								class="imgItem" mode="aspectFill"></image>
 						</view>
 					</view>
 				</view>
@@ -286,17 +286,22 @@
 		font-size: 28rpx;
 		font-weight: 600;
 		color: #333;
+		flex-shrink: 0;
 	}
 
 	.value-box {
 		flex: 1;
 		display: flex;
 		justify-content: space-between;
+		min-width: 0;
 	}
 
 	.value {
 		font-size: 28rpx;
 		color: #666;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 
 	.add-btn {
@@ -310,13 +315,22 @@
 		border: none;
 	}
 
-	.left {}
+	.left {
+		flex: 1;
+		min-width: 0;
+		overflow: hidden;
+	}
 
 	.right {
 		width: 42%;
+		height: 180rpx;
+		border-radius: 8rpx;
+		overflow: hidden;
+		flex-shrink: 0;
 	}
 
 	.imgItem {
 		width: 100%;
+		height: 100%;
 	}
 </style>