From 48f248c3fb3d93718836a1eeae31cfce668ae4d8 Mon Sep 17 00:00:00 2001
From: Iruka <1017819588@qq.com>
Date: Thu, 19 Sep 2024 18:43:10 +0800
Subject: [PATCH] .

---
 pages/index.vue | 97 ++++++++++++++++++++++++-------------------------
 1 file changed, 47 insertions(+), 50 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 53fb9df..c399027 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -28,58 +28,55 @@
 			</u-row>
 		</view>
 		<view class="content-section">
-			<view class="grey-box" style="border-radius: 15px 15px 0 0 ; padding-bottom: 0;">
-				<view :style="[isSticky ? 'position: sticky;':'','z-index: 10','top: -10px']">
-					<u-grid :border="false" col="4" v-if="isSticky"
-						style="background: #f3f3f3; margin-bottom: 0; box-shadow: 0 1px 9px rgba(209, 209, 209, 0.5);padding-bottom: 5px;">
-						<u-grid-item class="click" style="box-shadow: none;">
-							<text class="text">总设备</text>
-							<view class="iconfont icon-threshold"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
-						</u-grid-item>
-						<u-grid-item style="box-shadow: none;">
-							<text class="text">总设备</text>
-							<view class="iconfont icon-jizhan"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-						</u-grid-item>
-						<u-grid-item style="box-shadow: none;">
-							<text class="text">总设备</text>
-							<view class="iconfont icon-lixian"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-						</u-grid-item>
-						<u-grid-item style="box-shadow: none;">
-							<text class="text">总设备</text>
-							<view class="iconfont icon-shangqing"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-						</u-grid-item>
-					</u-grid>
-					<u-grid :border="false" col="4" v-else style=" margin-bottom: 0;">
-						<u-grid-item class="click">
-							<view class="iconfont icon-threshold"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
-							<text class="text">总设备</text>
-						</u-grid-item>
-						<u-grid-item>
-							<view class="iconfont icon-jizhan"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-							<text class="text">在线设备</text>
-						</u-grid-item>
-						<u-grid-item>
-							<view class="iconfont icon-lixian"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-							<text class="text">离线设备</text>
-						</u-grid-item>
-						<u-grid-item>
-							<view class="iconfont icon-shangqing"></view>
-							<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
-							<text class="text">土壤墒情</text>
-						</u-grid-item>
-					</u-grid>
-				
-				</view>
+			<view class="grey-box" style="border-radius: 15px 15px 0 0 ; padding-bottom: 0;"
+				:style="[isSticky ? 'position: sticky;':'','z-index: 10','top: -20px']">
+				<u-grid v-if="isSticky" :border="false" col="4"
+					style="background: #f3f3f3; margin-bottom: 0; box-shadow: 0 1px 9px rgba(209, 209, 209, 0.5);padding-bottom: 5px;">
+					<u-grid-item class="click" style="box-shadow: none;">
+						<text class="text">总设备</text>
+						<view class="iconfont icon-threshold"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
+					</u-grid-item>
+					<u-grid-item style="box-shadow: none;">
+						<text class="text">总设备</text>
+						<view class="iconfont icon-jizhan"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+					</u-grid-item>
+					<u-grid-item style="box-shadow: none;">
+						<text class="text">总设备</text>
+						<view class="iconfont icon-lixian"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+					</u-grid-item>
+					<u-grid-item style="box-shadow: none;">
+						<text class="text">总设备</text>
+						<view class="iconfont icon-shangqing"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+					</u-grid-item>
+				</u-grid>
+				<u-grid v-else :border="false" col="4" style=" margin-bottom: 0;">
+					<u-grid-item class="click">
+						<view class="iconfont icon-threshold"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="155"></u-badge>
+						<text class="text">总设备</text>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="iconfont icon-jizhan"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+						<text class="text">在线设备</text>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="iconfont icon-lixian"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+						<text class="text">离线设备</text>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="iconfont icon-shangqing"></view>
+						<u-badge numberType="overflow" type="success" max="999" value="15"></u-badge>
+						<text class="text">土壤墒情</text>
+					</u-grid-item>
+				</u-grid>
 			</view>
 			<view class="grey-box" style="border-radius: 0 0 15px 15px;">
-				
 				<view class="card">
 					<u-collapse accordion>
 						<u-collapse-item>