预售顶部修改

src/pages/assistingAgriculture/index/presale.vue

 <template>
-  <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
@@ -24,6 +18,30 @@
     </view>
   </Search>
   <view class="container">
+    <view class="top">
+      <!--      <Search-->
+      <!--        style="position: fixed; top: 0; width: 100%"-->
+      <!--        :backgroundBox="backgroundBox"-->
+      <!--        :backIcon="backIcon"-->
+      <!--      >-->
+      <!--        <view class="searchBox" :style="{ border }">-->
+      <!--          <image-->
+      <!--            class="magnifyingGlass"-->
+      <!--            src="../../../static/index/magnifyingGlass.png"-->
+      <!--            mode="aspectFit|aspectFill|widthFix"-->
+      <!--          />-->
+      <!--          <input-->
+      <!--            type="text"-->
+      <!--            class="text"-->
+      <!--            @confirm="toSearch"-->
+      <!--            placeholder="输入商品名称"-->
+      <!--            @input="updateModelValue"-->
+      <!--            @keyup.enter="toSearch"-->
+      <!--            @focus="toSearch"-->
+      <!--          />-->
+      <!--        </view>-->
+      <!--      </Search>-->
+    </view>
     <view class="nav">
       <wd-swiper
         :list="swiperList"
@@ -36,7 +54,6 @@
         imageMode="aspectFill"
       ></wd-swiper>
     </view>
-    </view>
     <view class="sort">
       <view style="display: flex; flex-direction: row">
         <view
@@ -293,10 +310,19 @@ page {
   background: #f3f3f3;
 }
 .container {
+  margin-top: -120rpx;
+  .top {
+    width: 100%;
+    height: 440rpx;
+    background: linear-gradient(180deg, #71c456 0%, rgba(243, 243, 243, 0) 100%);
+    border-radius: 0rpx 0rpx 0rpx 0rpx;
+    overflow: hidden;
+  }
 }
 .nav {
   width: 710rpx;
   margin-left: 18rpx;
+  margin-top: -300rpx;
 }
 .nav-img {
   width: 710rpx;