Signed-off-by: liuboyan <632697560@qq.com>

1

pagesMain/entrustList.vue

@@ -1,26 +1,29 @@
 <template>
-	<scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true" @scrolltolower="handleLoadMore()">
-		<view class="entrust-info" :style="{height: entrustTotle ? '115px' : '60px'}">
-			<view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
-		</view>
-		<view v-if="!entrustTotle" class="no-cart">
-			<image class="no-cart-img" src="../static/images/noCart.png" mode="aspectFill"></image>
-			<text class="no-cart-text">暂无订单</text>
-		</view>
-		<view v-if="entrustTotle" class="entrust-row" v-for="(item, index) in entrustList" :key="index">
-			<view class="entrust-title">已委托订单</view>
-			<view class="entrust-text">委托开始时间：{{item.entrustStartTime}}</view>
-			<view class="entrust-text">委托时长：{{item.entrustDurationTime}}小时</view>
-			<view class="entrust-text">委托金额：
-				<text class="entrust-price">￥{{item.payAomount}}</text>
+	<view class="zxw-container">
+		<scroll-view class="container" :style="{backgroundColor: entrustTotle ? '#f7f7f7' : '#f7f7f7'}" scroll-y="true"
+		 @scrolltolower="handleLoadMore()">
+			<view class="entrust-info" :style="{height: entrustTotle ? '115px' : '60px'}">
+				<view class="entrust-info-text">共{{entrustTotle}}个委托订单</view>
 			</view>
-			<view class="entrust-text">备注信息：{{item.remarks}}</view>
-		</view>
+			<view v-if="!entrustTotle" class="no-cart">
+				<image class="no-cart-img" src="../static/images/noCart.png" mode="aspectFill"></image>
+				<text class="no-cart-text">暂无订单</text>
+			</view>
+			<view v-if="entrustTotle" class="entrust-row" v-for="(item, index) in entrustList" :key="index">
+				<view class="entrust-title">已委托订单</view>
+				<view class="entrust-text">委托开始时间：{{item.entrustStartTime}}</view>
+				<view class="entrust-text">委托时长：{{item.entrustDurationTime}}小时</view>
+				<view class="entrust-text">委托金额：
+					<text class="entrust-price">￥{{item.payAomount}}</text>
+				</view>
+				<view class="entrust-text">备注信息：{{item.remarks}}</view>
+			</view>
+		</scroll-view>
 		<view class="entrust-handle">
 			<u-button type="success" shape="circle" :ripple="true" @click="goToAdd()" class="handle-custom">发布委托</u-button>
 		</view>
 		<u-top-tips ref="uTips"></u-top-tips>
-	</scroll-view>
+	</view>
 </template>
 
 <script>
@@ -84,7 +87,7 @@
 							this.isOver = res.data.list.length != 10
 							this.entrustList = this.entrustList.concat(res.data.list)
 							this.entrustTotle = res.data.total
-						} 
+						}
 						// else {
 						// 	this.$refs.uTips.show({
 						// 		title: '当前无委托订单',
@@ -121,17 +124,23 @@
 		height: 100%;
 	}
 
+	.zxw-container {
+		width: 100%;
+		height: 100vh;
+		padding-bottom: 80px;
+	}
+
 	.container {
 		width: 100%;
 		// height: 100%;
-		height: 100vh;
+		height: calc(100vh - 80px);
 		float: left;
 		background-color: #f7f7f7;
 		// background-color: #FFFFFF;
-		overflow-y: auto;
+		// overflow-y: auto;
 		position: relative;
 		box-sizing: border-box;
-		padding-bottom: 80px;
+		// padding-bottom: 80px;
 
 		.entrust-info {
 			width: 100%;
@@ -151,35 +160,40 @@
 				line-height: 50px;
 			}
 		}
-        
+
 		.no-cart {
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 			align-items: center;
 			top: 25%;
-			left:30%;
+			left: 30%;
 			position: absolute;
+
 			.no-cart-img {
 				width: 155px;
 				height: 200px;
 				margin-bottom: 20px;
 			}
+
 			.no-cart-text {
 				font-size: 16px;
 				font-family: PingFang SC;
 				color: #999999;
 			}
+
 			.button1 {
 				/deep/button {
 					background-color: #ffffff !important;
 					border: 1px solid #74bd60 !important;
 					color: #74bd60 !important;
 				}
+
 				width: 40%;
 				height: 34px;
 			}
 		}
+
 		.entrust-row {
 			width: calc(100% - 30px);
 			float: left;
@@ -225,7 +239,7 @@
 				}
 			}
 		}
-
+	}
 		.entrust-handle {
 			width: 100%;
 			height: 80px;
@@ -237,7 +251,7 @@
 
 			.handle-custom {
 				background-color: #56a83a;
-				
+
 				/deep/button {
 					background-color: #56a83a;
 				}
@@ -247,5 +261,4 @@
 				}
 			}
 		}
-	}
 </style>