From 533129aa9acdf688158a33abc7f8a5bed35e26dc Mon Sep 17 00:00:00 2001
From: Iruka <1017819588@qq.com>
Date: Thu, 19 Sep 2024 18:13:43 +0800
Subject: [PATCH] .
---
pages/index.vue | 93 +++++++++++++++++++++++++++++++++++--------------
1 file changed, 67 insertions(+), 26 deletions(-)
diff --git a/pages/index.vue b/pages/index.vue
index 1e959e4..4eb67fc 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -29,28 +29,52 @@
-
-
-
-
- 总设备
-
-
-
-
- 在线设备
-
-
-
-
- 离线设备
-
-
-
-
- 土壤墒情
-
-
+
+
+
+
+
+ 总设备
+
+
+
+
+ 在线设备
+
+
+
+
+ 离线设备
+
+
+
+
+ 土壤墒情
+
+
+
+
+ 总设备
+
+
+
+
+ 总设备
+
+
+
+
+ 总设备
+
+
+
+
+ 总设备
+
+
+
+
+
@@ -227,7 +251,8 @@
-99.63
-99.63
-
+
@@ -284,7 +309,7 @@
0.00
-
+
@@ -302,7 +327,8 @@
-99.63
-99.63
-
+
@@ -339,6 +365,7 @@
export default {
data() {
return {
+ isSticky: false,
show: false,
landList: [1, 2, 3],
value: false,
@@ -353,6 +380,15 @@
plus.navigator.setFullscreen(false);
// #endif
},
+ onPageScroll(e) {
+ // 页面滚动触发事件的处理函数
+ // console.log(e.scrollTop); // 输出滚动位置的垂直距离
+ if (e.scrollTop >= 100) {
+ this.isSticky = true;
+ } else {
+ this.isSticky = false;
+ }
+ },
methods: {
ceshi(e) {
console.error("ceshi:", e);
@@ -432,7 +468,12 @@
border-color: #ffffff !important;
}
}
-.content{background-color: #fff;min-height: 100%;}
+
+ .content {
+ background-color: #fff;
+ min-height: 100%;
+ }
+
.content-section {
position: relative;
top: -92px;