diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 84d3dac..15819c2 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -148,7 +148,13 @@
           <view class="py-2">
             <wd-card custom-class="card-content">
               <view style="height: 200rpx; width: 300rpx">
-                <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.image" />
+                <wd-img
+                  radius="20rpx"
+                  :width="'100%'"
+                  :height="'100%'"
+                  mode="center"
+                  :src="item.image"
+                />
               </view>
               <view>
                 <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
@@ -270,7 +276,13 @@
             <view class="py-2">
               <wd-card custom-class="card-content">
                 <view style="height: 200rpx">
-                  <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
+                  <wd-img
+                    radius="20rpx"
+                    :width="'100%'"
+                    mode="center"
+                    :height="'100%'"
+                    :src="item.cover"
+                  />
                 </view>
                 <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
                   {{ item.title }}发放接口连接啊发生金坷拉激发
@@ -314,6 +326,7 @@
                   :width="'100%'"
                   :height="'100%'"
                   radius="20rpx"
+                  mode="center"
                   :src="item.cover"
                   alt="joy"
                 />
@@ -358,7 +371,13 @@
             <view class="py-2" @click="goPage(item)">
               <wd-card custom-class="card-content">
                 <view style="height: 200rpx">
-                  <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
+                  <wd-img
+                    radius="20rpx"
+                    :width="'100%'"
+                    :height="'100%'"
+                    mode="center"
+                    :src="item.cover"
+                  />
                 </view>
                 <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
                   {{ item.title }}
@@ -425,7 +444,7 @@ export default defineComponent({
   },
   async onLoad(option) {
     this.getBanner()
-    this.getProduct(30)
+    this.getProduct(38)
     this.getArticle()
   },
   methods: {