1

src/pages/assistingAgriculture/index/index.vue

@@ -8,9 +8,9 @@
       >
         <view class="searchBox" :style="{ border }">
           <image
+            mode="aspectFill"
             class="magnifyingGlass"
             src="../../../static/index/magnifyingGlass.png"
-            mode="aspectFit|aspectFill|widthFix"
           />
           <input
             type="text"
@@ -43,7 +43,7 @@
             v-for="(item, index) in sortList"
             :key="index"
           >
-            <img :src="item.icon" style="width: 96rpx; height: 96rpx" />
+            <image mode="aspectFill" :src="item.icon" style="width: 96rpx; height: 96rpx" />
             <view class="sort-text">{{ item.categoryName }}</view>
           </view>
         </view>
@@ -51,7 +51,7 @@
       <view class="product-page" v-for="(item, index) in list" :key="index">
         <view>
           <view class="page-title">{{ item.categoryName }}</view>
-          <img :src="item.img" class="main-img" />
+          <image mode="aspectFill" :src="item.img" class="main-img" />
           <view style="display: flex; flex-direction: row">
             <view
               class="detail-border"
@@ -59,7 +59,8 @@
               :key="index"
               @click="toDetail(item)"
             >
-              <img
+              <image
+                mode="aspectFill"
                 :src="item.commodityImg"
                 style="width: 216rpx; height: 176rpx; border-radius: 16rpx"
               />