预售顶部修改

src/pages/assistingAgriculture/index/presale.vue

 <template>
-  <view class="container">
+  <view
+    style="
+      background: linear-gradient(180deg, #71c456 0%, rgba(129, 159, 81, 0) 100%);
+      height: 720rpx;
+    "
+  >
     <Search :backgroundBox="backgroundBox" :backIcon="backIcon">
       <view class="searchBox" :style="{ border }">
         <image
@@ -18,17 +23,19 @@
         />
       </view>
     </Search>
-    <view class="nav">
-      <wd-swiper
-        :list="swiperList"
-        autoplay
-        v-model:current="current"
-        @click="handleClick"
-        @change="onChange"
-        customClass="guiyang"
-        height="220"
-        imageMode="aspectFill"
-      ></wd-swiper>
+    <view class="container">
+      <view class="nav">
+        <wd-swiper
+          :list="swiperList"
+          autoplay
+          v-model:current="current"
+          @click="handleClick"
+          @change="onChange"
+          customClass="guiyang"
+          height="220"
+          imageMode="aspectFill"
+        ></wd-swiper>
+      </view>
     </view>
     <view class="sort">
       <view style="display: flex; flex-direction: row">
@@ -286,8 +293,6 @@ page {
   background: #f3f3f3;
 }
 .container {
-  background: linear-gradient(180deg, #71c456 0%, rgba(243, 243, 243, 0) 100%);
-  height: 360rpx;
 }
 .nav {
   width: 710rpx;