소스 검색

图片调整

gcz 2 년 전
부모
커밋
fea586f629
1개의 변경된 파일13개의 추가작업 그리고 5개의 파일을 삭제
  1. 13 5
      pages/parkingInfo/parkingInfo.vue

+ 13 - 5
pages/parkingInfo/parkingInfo.vue

@@ -32,13 +32,15 @@
 					<view class="top u-text-center">
 						<view class="space-name">
 							<text>{{item.vehicleNo}}</text>
-							<image v-if="item.vehicleNoStatus" class="arrearage-img" src="../../static/img/arrearage.png" mode="widthFix"></image>
+							<image v-if="item.vehicleNoStatus" class="arrearage-img" src="../../static/img/arrearage.png" mode="heightFix"></image>
 						</view>
 						<view class="signal">
 							<text>{{item.roadwayName}}</text>
 						</view>
 					</view>
-					<image class="carImg" :src="item.inImage||'../../static/img/default-car.png'" mode="heightFix"></image>
+					<view class="carImg-wrap">
+						<image class="carImg" :src="item.inImage||'../../static/img/default-car.png'" mode="scaleToFill"></image>						
+					</view>
 					<view class="time">入场:{{item.inTime}}</view>
 					<view class="time">时长:{{item.parkingTime}}</view>
 				</view>
@@ -237,12 +239,18 @@
 			line-height: 42rpx;
 			text-align: center;
 		}
-		.carImg{
+		.carImg-wrap{
 			height: 229rpx;
 			width: 100%;
-			display: block;
-			margin: 16rpx auto 18rpx;
 			border-radius: 15rpx;
+			overflow: hidden;
+			margin: 16rpx auto 18rpx;
+			text-align: center;
+			.carImg{
+				width: 100%;
+				height: 100%;
+				// display: block;
+			}
 		}
 		.parkingTime{
 			height: 37rpx;