画刊假数据

src/components/common/BookListModule.vue

@@ -23,6 +23,11 @@
         </div>
       </div>
       <div class="list">
+        <template v-if="name==='huakan'">
+            <a class="img-box" @click="toSubscribe">
+                <img src="../../assets/huakan-ding.png" class="baozhi-ding" />
+            </a>
+        </template>
         <template v-if="name==='baozhi'">
             <a class="img-box" @click="toSubscribe">
                 <img src="../../assets/baozhi-ding.png" class="baozhi-ding" />

src/views/bookStore/index.vue

@@ -27,15 +27,15 @@
         <!-- <img src="../../assets/banner1.png" /> -->
     </div>
     <div class="main">
-      <!-- <BookListModule
+      <BookListModule
         name="huakan"
-        :list="BookList"
+        :list="HuakanList"
         :headerBg="'#1F1F1F'"
         :headerBorder="'#5C5C5C'"
         :userBg="'rgba(0, 0, 0, 0.24)'"
         :LoginNavIndex="0"
         :previousPage="'画刊'"
-      /> -->
+      />
       <BookListModule
         name="baozhi"
         :list="IssueList"
@@ -155,6 +155,32 @@ export default {
             skeleton: true
         }
       ], // 精读列表
+      HuakanList:[
+        {
+            cover_image_url: require('../../assets/huakan-1.png'),
+            name: '第101期',
+            shelve_date: '2023-09-15',
+            price: '10'
+        },
+        {
+            cover_image_url: require('../../assets/huakan-2.png'),
+            name: '第100期',
+            shelve_date: '2023-07-15',
+            price: '10'
+        },
+        {
+            cover_image_url: require('../../assets/huakan-3.png'),
+            name: '第99期',
+            shelve_date: '2023-06-15',
+            price: '10'
+        },
+        {
+            cover_image_url: require('../../assets/huakan-4.png'),
+            name: '第98期',
+            shelve_date: '2023-05-15',
+            price: '10'
+        }
+      ],
       bannerFlag: true // 是否展示广告
     }
   },