diff --git a/pages/index/readingBody.vue b/pages/index/readingBody.vue
index 6f49f0a..7e6e5f7 100644
--- a/pages/index/readingBody.vue
+++ b/pages/index/readingBody.vue
@@ -62,7 +62,7 @@
       style="width: 700rpx; height: 23.5rpx; margin: 30rpx auto; display: block"
       src="https://des.js-dyyj.com/data/2025/08/29/ee445087-f64d-40a1-861b-586d1a9c7e31.png"
     ></image>
-    <view class="new-book-body" v-if="readingList">
+    <view class="new-book-body" 		@click="gotoUrlNew(readingList[0])" v-if="readingList.length">
       <view
         class="newBookCard"
         style=""
@@ -133,12 +133,18 @@
         v-for="(item, index) in readingList.slice(1)"
         v-if="item.image && item.front_model && item.front_model.mini"
         :key="index"
+		@click="gotoUrlNew(item)"
       >
-        <image
+	  <view
+	   :style="{ backgroundImage: `url(${showImg(item.image)})` }"
+	   class="img-wrapper">
+	  	
+	  </view>
+     <!--   <image
           mode="aspectFill"
           :src="showImg(item.image)"
           @click="gotoUrlNew(item)"
-        ></image>
+        ></image> -->
         <view class="reading-box-item-title">
           {{ item.title }}
         </view>
@@ -559,6 +565,14 @@ export default {
   background-repeat: no-repeat;
   background-position: top;
   background-color: #fff;
-  background-image: url(https://des.js-dyyj.com/data/2025/08/29/a1a0009c-9248-48e3-b5a7-5d2970a1eb19.png);
+}
+.img-wrapper{
+	width: 100%;
+	height: 346rpx;
+	margin: 0 auto;
+	background-size: 100% auto;
+	background-repeat: no-repeat;
+	background-position: top;
+	background-color: #fff;
 }
 </style>