浏览代码

优化样式

空白格 3 年之前
父节点
当前提交
888fe58b47

+ 4 - 0
pages/center/order/orderDetails/orderDetails.scss

@@ -36,4 +36,8 @@
 	margin-top: 20rpx;
 	color: #fff;
 	font-size: 20rpx;
+}
+.tips {
+	margin-top: 30rpx;
+	color: #000;
 }

+ 1 - 1
pages/center/order/orderDetails/orderDetails.vue

@@ -150,7 +150,7 @@
 			  class="bottom-btn-wrap"
 			  v-else-if="(orderInfo.payStatus == 0 || orderInfo.payStatus == 2 || orderInfo.payStatus == 3) && openFlag !== 'open' && Number(orderInfo.payAmount) === 0"
 			>
-			  <view>提示:可寻找附近的收费员打印小票并扫码出场</view>
+			  <view class="tips">提示:可寻找附近的收费员打印小票并扫码出场</view>
 			</view>
 		</view>
 		<!-- 其他显示支付按钮条件  支付状态(0-未支付,2-支付中,3-支付失败) -->

+ 4 - 2
pages/parkingLock/parkingLock.scss

@@ -1,7 +1,9 @@
 .parking-lock {
-	height: calc(100vh - 88rpx);
+	min-height: calc(100vh - 88rpx);
 	background-color: #F6F6FF;
-	padding-top: 133rpx;
+	&-box {
+		padding: 40rpx 0 0;
+	}
 	.parking-lock-title {
 		font-size: 46rpx;
 		color: #292929;

+ 3 - 3
pages/parkingLock/parkingLock.vue

@@ -1,12 +1,12 @@
 <template>
-	<view class="">
+	<view class="parking-lock">
 		<view class="Jump">
 			<view class="Jump-btn" @click="jumpArrears">
 				欠费补缴
 			</view>
 		</view>
 		<!-- 车位锁 -->
-		<view class="parking-lock">
+		<view class="parking-lock-box">
 			<!-- 车位锁支付 -->
 			<template v-if="parkingLockStatus === 1">
 				<view class="parking-lock-pay">
@@ -539,7 +539,7 @@
 
 		&-btn {
 			color: rgb(0, 140, 255);
-			padding: 12rpx 20rpx;
+			padding: 20rpx 30rpx;
 		}
 	}
 </style>