chore: 首页和农场页面，尽可能将页面中的静态数据改为动态

src/pages/shouye/shouye.vue

@@ -125,18 +125,6 @@
         // 在这里添加具体的菜单点击逻辑
     }
 
-    // 服务项点击事件
-    function onServiceItemClick(item: any) {
-        console.log('点击服务项:', item)
-        // 在这里添加具体的服务项点击逻辑
-    }
-
-    // 服务统计点击事件
-    function onServiceStatClick(item: any) {
-        console.log('点击服务统计项:', item)
-        // 在这里添加具体的服务统计点击逻辑
-    }
-
     // 农产品关注点击事件
     function onProductFollowClick(product: any) {
         console.log('点击关注农产品:', product)
@@ -261,17 +249,31 @@
                                     <text class="font_2 mt-11">{{ item.name }}</text>
                                 </view>
                             </view>
-                            <view class="codefun-flex-col codefun-mt-20">
-                                <view class="codefun-flex-row">
-                                    <view
+                            <view class="codefun-flex-col group_11 codefun-mt-20">
+                                <view class="codefun-flex-row group_38">
+                                    <image
                                         v-for="service in pageData.serviceItems"
                                         :key="service.id"
-                                        class="codefun-flex-col codefun-items-center group_10"
-                                        @click="onServiceItemClick(service)"
-                                    >
-                                        <image class="image_11" :src="service.icon" />
-                                        <text class="font_2 mt-11">{{ service.name }}</text>
+                                        class="image_12"
+                                        :class="{
+                                            'ml-43': service.id > 1,
+                                        }"
+                                        :src="service.icon"
+                                    />
                                 </view>
+                                <view class="codefun-flex-row codefun-justify-between mt-13">
+                                    <text
+                                        v-for="service in pageData.serviceItems"
+                                        :key="service.id"
+                                        class="font_2"
+                                        :class="{
+                                            text_14: service.id === 1,
+                                            text_15: service.id === 2,
+                                            text_16: service.id === 4,
+                                        }"
+                                    >
+                                        {{ service.name }}
+                                    </text>
                                 </view>
                             </view>
                         </view>
@@ -367,7 +369,6 @@
                             section_1: stat.id === 2,
                             section_19: stat.id > 2,
                         }"
-                        @click="onServiceStatClick(stat)"
                     >
                         <view
                             class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative"
@@ -476,9 +477,10 @@
         overflow-y: auto;
         overflow-x: hidden;
         height: 100%;
-        padding-bottom: 30rpx;
+        padding-bottom: 20rpx;
 
         .group {
+            height: 2530rpx;
             .section {
                 padding: 48rpx 28rpx 220rpx;
                 background-image: url('/static/images/codefun/1086a098c06f7f52e77bd7a646747a13.png');