相关问题解决

src/pages/home/styleEntrustment.vue

@@ -27,7 +27,7 @@
 					</view>
 				</view>
 				<!-- tabs -->
-				<u-sticky class="bd_rad" style="background: #fff;">
+				<u-sticky offset-top="88" class="bd_rad" style="background: #fff;">
 					<u-tabs :list="list" font-size="28" :show-bar="false" active-color="#AF8D66" :current="current" @change="change"></u-tabs>
 				</u-sticky>
 			</view>
@@ -36,7 +36,7 @@
 			<!-- list -->
 			<view class="u-m-t-20 u-m-l-30 u-m-r-30 u-m-b-20">
 				<!-- v-for -->
-				<view class="u-m-b-20 posi_rela bd_rad1 u-p-30" v-for="item in 4" :key="item.id" style="background: #fff;">
+				<view class="u-m-b-20 posi_rela bd_rad1 u-p-30" v-for="item in entrustmentList" :key="item.id" style="background: #fff;">
 					<view class="u-m-b-30 u-flex justify-between">
 						<view class="entrus_list_title u-font-32">{{ item.materialName }}</view>
 						<view class="u-font-28">{{ item.status | filterStatus }}</view>
@@ -69,7 +69,7 @@
 			</view>
 		</view>
 		<!--底部按钮-->
-		<view class="footer" id="footer">
+		<view v-if="statusBtn" class="footer" id="footer">
 			<view class="footer-btn">
 				<view class="custom-style-round-circle custom-style-btn custom-style">
 					<view class="custom-style-right" @click="dateilEnt"><view class="title">新增委托</view></view>
@@ -87,6 +87,8 @@ export default {
 	mixins: [dom],
 	data() {
 		return {
+			statusBtn:true,
+			timeOut: null,
 			background: { backgroundColor: 'rgba(245,245,245,0)' },
 			modal: {
 				show: false,
@@ -144,6 +146,21 @@ export default {
 			this.entrustmentPage();
 		}
 	},
+	onPageScroll(object) {
+		this.statusBtn = false;
+		if (this.timeOut) {
+			clearTimeout(this.timeOut);
+		}
+		this.timeOut = setTimeout(() => {
+			this.statusBtn = true;
+		}, 1000);
+		let a = JSON.stringify(object);
+		if (object.scrollTop >= this.headerHeight) {
+			this.background.backgroundColor = 'rgba(245,245,245,1)';
+		} else {
+			this.background.backgroundColor = 'rgba(245,245,245,0)';
+		}
+	},
 	filters: {
 		filterStatus(v) {
 			switch (v) {