预售顶部修改

src/pages/assistingAgriculture/index/presale.vue

@@ -17,31 +17,7 @@
       />
     </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="bck-img">
     <view class="nav">
       <wd-swiper
         :list="swiperList"
@@ -54,6 +30,7 @@
         imageMode="aspectFill"
       ></wd-swiper>
     </view>
+  </view>
   <view class="sort">
     <view style="display: flex; flex-direction: row">
       <view
@@ -146,17 +123,6 @@
       </view>
     </view>
   </view>
-  </view>
-  <!-- 购物车悬浮按钮 -->
-  <!--<view class="cart-floating" @tap="toCart">
-    <wd-badge :modelValue="subscript">
-      <img
-        class="shop-car"
-        src="/static/assistingAgriculture/presale/cart.png"
-        style="width: 40rpx; height: 40rpx"
-      />
-    </wd-badge>
-  </view>-->
   <fab position="2" :cartCount="subscript" />
 </template>
 
@@ -190,7 +156,7 @@ const params = {
 };
 const subscript = ref(0);
 const tabsList = ref([]);
-const backgroundBox = ref('');
+const backgroundBox = ref('#71C456');
 const border = ref('');
 onMounted(async () => {
   getPresale();
@@ -299,7 +265,7 @@ onPageScroll((e) => {
     backgroundBox.value = '#fff';
     border.value = '1rpx solid gray';
   } else {
-    backgroundBox.value = '';
+    backgroundBox.value = '#71C456';
     border.value = '';
   }
 });
@@ -309,20 +275,12 @@ onPageScroll((e) => {
 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;
-  }
+.bck-img {
+  background: linear-gradient(180deg, #71c456 0%, rgba(129, 159, 81, 0) 100%);
 }
 .nav {
   width: 710rpx;
   margin-left: 18rpx;
-  margin-top: -300rpx;
 }
 .nav-img {
   width: 710rpx;