资源替换

src/views/bookRackList.vue

@@ -15,10 +15,10 @@
     <div class="rack-box">
       <div v-for="(item,index) in listData" :key="index" class="rack-item">
         <ul class="rack-box-list">
-          <li v-for="(item,index) in bookList" :key="item.id" class="list-item" @click="handleDetails(index)">
+          <li v-for="(eitem , eindex) in bookList" :key="eitem.id" class="list-item" @click="handleDetails(eindex)">
             <div class="box-txt">
-              <span class="book-name">{{ item.title }}</span>
-              <span class="book-writer">{{ item.author }}</span>
+              <span class="book-name">{{ eitem.title }}</span>
+              <span class="book-writer">{{ eitem.author }}</span>
             </div>
           </li>
         </ul>

src/views/digitalResource.vue

@@ -10,7 +10,7 @@
     </div>
     <div class="main">
       <!-- <div v-for="item in srcList" :key="item" class="book-rack"> -->
-      <div v-for="item in srcList" :key="item" class="main-item">
+      <div v-for="(item,index) in srcList" :key="index" class="main-item">
         <img :src="item.bgImg">
         <div class="title">
           {{ item.title }}
@@ -49,13 +49,12 @@ export default {
   overflow-y:auto ;
   .main-item{
     // height: 387px;
-    // margin-bottom: 40px;
-    // padding: 0;
+    margin-bottom: 40px;
+    padding: 0 40px;
     // overflow: hidden;
     position: relative;
     img{
       width: 100%;
-      // height: 100%;
     }
     .title{
       position: absolute;