样式优化

src/pages/assistingAgriculture/index/building.vue

@@ -63,6 +63,7 @@
         color="#ABAAAA"
         style="position: relative; float: right; top: -42rpx"
       ></wd-icon>
+      <view class="buy-img">
         <view class="hot-img" v-for="(item, index) in hotImgList" :key="index">
           <img
             class="rice"
@@ -72,6 +73,7 @@
           />
         </view>
       </view>
+    </view>
     <!--    tabs-->
     <scroll-view class="tabs" show-scrollbar="false" scroll-x :scroll-with-animation="true">
       <text
@@ -98,7 +100,11 @@
           :key="index"
           style="margin-left: 20rpx"
         >
-          <img @tap="toDetail(item)" :src="item.imgUrl" style="width: 330rpx; height: 330rpx" />
+          <img
+            @tap="toDetail(item)"
+            :src="item.imgUrl"
+            style="width: 330rpx; height: 330rpx; border-radius: 16rpx"
+          />
           <view class="detail-title">{{ whh }}</view>
           <view class="price-page">
             <text class="price">￥{{ item.price }}</text>
@@ -249,18 +255,19 @@ page {
 }
 .hot-sale {
   width: 710rpx;
-  height: 532rpx;
+  //height: 532rpx;
   border-radius: 16rpx;
   background: #ffffff;
   margin: 20rpx;
 }
 .top-title {
-  top: 5px;
+  top: 20rpx;
   position: relative;
   margin: 25rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  padding-bottom: 10rpx;
 }
 .left-title {
   font-family: Source Han Sans;
@@ -444,7 +451,9 @@ page {
 img.rice {
   border-radius: 16rpx 16rpx 16rpx 16rpx;
   margin-left: 20rpx;
-  margin-top: -40rpx;
-  padding-bottom: 40rpx;
+}
+.buy-img {
+  position: relative;
+  top: -20rpx;
 }
 </style>

src/pages/assistingAgriculture/index/index.vue

@@ -43,7 +43,10 @@
               :key="index"
               @click="toDetail(item)"
             >
-              <img :src="item.commodityImg" style="width: 216rpx; height: 176rpx" />
+              <img
+                :src="item.commodityImg"
+                style="width: 216rpx; height: 176rpx; border-radius: 16rpx"
+              />
               <view class="detail-title">{{ item.prodName }}</view>
               <view class="jiage-page">
                 <text class="jiage">￥{{ item.price }}</text>

src/pages/assistingAgriculture/index/presale.vue

@@ -48,7 +48,11 @@
         </scroll-view>
       </view>
       <view class="tab-list" v-for="(item, index) in buyList" :key="index" @tap="toDetail(item)">
-        <img class="buy-list" :src="item.img" style="width: 670rpx; height: 670rpx" />
+        <img
+          class="buy-list"
+          :src="item.img"
+          style="width: 670rpx; height: 670rpx; border-radius: 16rpx"
+        />
         <view>
           <text class="retail-price">零售价：￥{{ item.oriPrice }}/盒</text>
           <text class="presale-price">预售价：￥{{ item.price }}/盒</text>
@@ -83,7 +87,7 @@
                 z-index: 10;
                 margin-left: 18rpx;
                 top: -70rpx;
-                left: -14rpx;
+                left: -19rpx;
               "
             />
             <image
@@ -331,7 +335,7 @@ page {
   height: 730rpx;
   margin-top: -64rpx;
   margin-left: 20rpx;
-  border-radius: 0px 0px 8px 8px;
+  border-radius: 16rpx;
   background: #ffffff;
   margin-top: 6rpx;
 }