充电价格详情布局调整

pages/searchPile/stationAndPile/chargePriceDetails.vue

@@ -1,5 +1,5 @@
 <template>
-	<view style="padding-bottom: 148px;">
+	<view style="padding-bottom: 296rpx;">
 		<u-navbar title="充电价格详情"></u-navbar>
 		<view class="main" >
 			<view class="tabs-box">
@@ -14,7 +14,7 @@
 							{{item.time}}
 						</view>
 						<view class="price">
-							<text style="color: #ff3d00; font-size: 18px;">{{item.price.toFixed(2)}}</text>
+							<text style="color: #ff3d00; font-size: 36rpx;">{{item.price.toFixed(2)}}</text>
 							<text class="unit">元/度</text>
 						</view>
 					</view>
@@ -115,41 +115,41 @@
        
 		.tabs-box {
 			width: 55%;
-			height: 44px;
+			height: 88rpx;
 			margin: 0 auto;
 			// line-height: 44px;
 			position: relative;
 		}
 			.line-box{
 				width: 100%;
-				height: 44px;
+				height: 88rpx;
 				position: absolute;
-				top: 86px;
+				top: 172rpx;
 			}
 
 		.time-frame {
-			padding-left: 16px;
+			padding-left: 32rpx;
 
 			.time-items {
-				padding-right: 16px;
-				height: 76px;
-				border-bottom: #F2F4F4 1px solid;
+				padding-right: 32rpx;
+				height: 152rpx;
+				border-bottom: #F2F4F4 2rpx solid;
                   position: relative;
 				.time-price {
 					display: flex;
 					justify-content: space-between;
-					padding: 16px 0 10px;
+					padding: 32rpx 0 20rpx;
 
 					.time {
 						color: rgba(16, 16, 16, 100);
-						font-size: 16px;
+						font-size: 32rpx;
 					}
 
 					.price {
 						.unit {
 							color: rgba(102, 102, 102, 100);
-							font-size: 14px;
-							margin-left: 4px;
+							font-size: 28rpx;
+							margin-left: 8rpx;
 						}
 					}
 
@@ -157,7 +157,7 @@
 
 				.unitPrice-serviceCharge {
 					float: right;
-					font-size: 12px;
+					font-size: 24rpx;
 					color: #888888;
 				}
 			}
@@ -167,9 +167,9 @@
 		width: 100%;
 		text-align: center;
 		color: #999999;
-		font-size: 12px;
+		font-size: 24rpx;
 		position: absolute;
-		bottom: 12px;
+		bottom: 24rpx;
 		left: 0;
 		
 		}