完善

src/components/FirstJob/joblist.vue

@@ -884,6 +884,7 @@
 		<recordModal :show.sync="recordShow" :jobDetail="currentInfo"></recordModal>
 
 		<div class="top-obj g_flex_c" 
+				 ref="backToTop"
 					style="width: 40px;height: 40px;background-color: #fff;border-radius: 50%;position: fixed;bottom: 100px;right: calc(50vw - 470px);cursor: pointer;"
 					@click="totop"
 					v-if="!isspinning"
@@ -1266,6 +1267,8 @@ export default {
 			const windowHeight = document.documentElement.clientHeight;
 			const scrollHeight = document.documentElement.scrollHeight;
 
+			const threshold = windowHeight * 0.4;
+
 			if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching && !this.isStop) { // 100 是一个阈值，可以根据需要调整
 				this.isFetching = true;
 				setTimeout(() => {
@@ -1273,6 +1276,13 @@ export default {
 					this.loadMoreData();
 				}, 300);
 			}
+			if (scrollTop >= threshold) {
+        this.$refs.backToTop.style.opacity = 1;
+        this.$refs.backToTop.style.pointerEvents = 'auto';
+			} else {
+					this.$refs.backToTop.style.opacity = 0;
+					this.$refs.backToTop.style.pointerEvents = 'none';
+			}
 		},
 		loadMoreData() {
 			this.formvalue.pageNum += 1; // 增加页码
@@ -3760,4 +3770,25 @@ p {
 		.stoggle{
 			transform: rotate(90deg);
 		}
+		.top-obj {
+				width: 40px; 
+				height: 40px;
+				background-color: #fff;
+				border-radius: 50%;
+				position: fixed;
+				bottom: 100px;
+				right: calc(50vw - 470px);
+				cursor: pointer;
+				transition: opacity 0.3s ease;
+				opacity: 0;
+				pointer-events: none;
+		}
+
+		.top-obj:hover {
+				background-color: #1890ffdd;
+		}
+
+		.top-obj:active {
+				background-color: #1890ffdd;
+		}
 </style>