续费样式修改_dly

pages/index/index.css

@@ -153,14 +153,17 @@
 .contril-item>text{
 	opacity: 0.2;
 }
+.overdue-view-box {
+	padding: 0 24rpx;
+}
 .overdue-view{
 	background: #FCE8E9;
-	border-radius: 20rpx;
-	border: 3rpx solid transparent;
+	border-radius: 40rpx;
+	/* border: 3rpx solid; */
 	border-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1)) 3 3;
 	height: 100rpx;
 	align-items: center;
-	margin: 40rpx 24rpx;
+	margin: 40rpx rpx;
 	padding: 0 24rpx;
 }
 .overdue-view-text{

pages/index/index.vue

@@ -37,21 +37,23 @@
 						<view :style="{height: `${statusBarHeight + 50}px`}"></view>
 						<!-- #endif -->
 					</view>
-					<view v-if="isOverdueShow" class="overdue-view flex-row flex-between">
-						<view class="overdue-view-text flex-row">
-							<text class="overdue-text-left">您已逾期
-								<text class="overdue-num">
-									<block v-if="orderInfo.hire_duration_time">
-										{{orderInfo.hire_duration_time.day > 0 ? orderInfo.hire_duration_time.day :'' }}<text
-											v-if="orderInfo.hire_duration_time.day>0">日</text>{{orderInfo.hire_duration_time.hour > 0 ? orderInfo.hire_duration_time.hour :'' }}<text
-											v-if="orderInfo.hire_duration_time.hour>0">小时</text>{{orderInfo.hire_duration_time.minute > 0 ? orderInfo.hire_duration_time.minute :'' }}<text
-											v-if="orderInfo.hire_duration_time.minute>0">分</text>
-									</block>
+					<view v-if="isOverdueShow" class="overdue-view-box">
+						<view  class="overdue-view flex-row flex-between">
+							<view class="overdue-view-text flex-row">
+								<text class="overdue-text-left">您已逾期
+									<text class="overdue-num">
+										<block v-if="orderInfo.hire_duration_time">
+											{{orderInfo.hire_duration_time.day > 0 ? orderInfo.hire_duration_time.day :'' }}<text
+												v-if="orderInfo.hire_duration_time.day>0">日</text>{{orderInfo.hire_duration_time.hour > 0 ? orderInfo.hire_duration_time.hour :'' }}<text
+												v-if="orderInfo.hire_duration_time.hour>0">小时</text>{{orderInfo.hire_duration_time.minute > 0 ? orderInfo.hire_duration_time.minute :'' }}<text
+												v-if="orderInfo.hire_duration_time.minute>0">分</text>
+										</block>
+									</text>
 								</text>
-							</text>
-							<text style="font-size: 24rpx;opacity: 0.5;">请及时续费或归还车辆</text>
+								<text style="font-size: 24rpx;opacity: 0.5;">请及时续费或归还车辆</text>
+							</view>
+							<view @click="routerLink('/pages/order/order')" class="renew-btn">去续费</view>
 						</view>
-						<view @click="routerLink('/pages/order/order')" class="renew-btn">去续费</view>
 					</view>
 					<view class="car-img-view" >
 						<view class="flex-row flex-between" style="align-items: center;">
@@ -217,7 +219,7 @@
 				newsList: {},
 				img_list: [],
 				isLogin: false,
-				isOverdueShow: false,
+				isOverdueShow: true,
 				contrilList: [],
 				isTrackOrAll: true,
 				model_list: [],
@@ -489,7 +491,7 @@
 							car_image:_car_image
 						})
 						uni.setStorageSync('car_info', this.car_info);
-						console.log(_car_image, 'this.car_info------------------');
+						console.log(resp.data.data, 'this.car_info------------------');
 						//判断逾期
 						if (!resp.data.data.sold_time) return
 						let time = Math.ceil(resp.data.data.hire_end_time - Math.floor(new Date()) / 1000) / 60