尾页推荐

src/api/index.js

@@ -100,19 +100,19 @@ export const deleteShelfBook = params => {
 };
 
 // 充值h5
-export const getConfigOfWxH5Pay = (params) => {
+export const getConfigOfWxH5Pay = params => {
   return fly.get("/goToH5Pay", params);
 };
 
 // 充值app
-export const getConfigOfWxAppPay = (params) => {
+export const getConfigOfWxAppPay = params => {
   return fly.get("/goToPay", params);
 };
 
 // 支付宝充值
-export const getConfigOfAliPay = (params) => {
-  return fly.get("/goToAliPay", params)
-}
+export const getConfigOfAliPay = params => {
+  return fly.get("/goToAliPay", params);
+};
 
 //获取用户信息
 export const getUserInfo = () => {
@@ -135,9 +135,9 @@ export const userSign = () => {
 };
 
 // 查询微信支付订单的成功性 - h5
-export const checkWxOrder = (order) => {
-  return fly.get("/checkOrder", { order: order })
-}
+export const checkWxOrder = order => {
+  return fly.get("/checkOrder", { order: order });
+};
 //用户签到
 export const chapterOrders = params => {
   return fly.get(
@@ -146,7 +146,10 @@ export const chapterOrders = params => {
 };
 //用户客服二维码
 export const getCustomQrcode = () => {
-  return fly.get(
-    `/customer_img`
-  );
-};
+  return fly.get(`/customer_img`);
+};
+
+// 尾页推荐
+export const readOverRecommend = params => {
+  return fly.get("/books/readOverRecommend", params);
+};

src/assets/less/readerover.less

@@ -0,0 +1,29 @@
+.readerover {
+  flex-direction: column;
+  padding: 20px;
+  .title {
+    background-image: linear-gradient(#badaff, #fff);
+    justify-content: center;
+    width: 100%;
+    height: 500px;
+    .topimg {
+      background-image: linear-gradient(#badaff, #fff);
+      height: 400px;
+      width: 400px;
+      border-radius: 2000px;
+    }
+  }
+  .recommend-title {
+    margin: 20px 0;
+    width: 100%;
+    justify-content: space-between;
+  }
+  .book-info {
+    margin-left: 40px;
+    flex-direction: column;
+    align-items: flex-start;
+    .info {
+      margin-top: 50px;
+    }
+  }
+}

src/manifest.json

@@ -57,7 +57,7 @@
     "logLevel": "debug"
   },
   "router": {
-    "entry": "views/Index",
+    "entry": "views/Raderover",
     "pages": {
       "views/Index": {
         "component": "index"
@@ -100,6 +100,9 @@
       },
       "views/Sign": {
         "component": "index"
+      },
+      "views/Raderover": {
+        "component": "index"
       }
     },
     "widgets": {}
@@ -166,6 +169,11 @@
       "views/Detail": {
         "titleBarText": "详情页",
         "menu": false
+      },
+      "views/Raderover": {
+        "titleBarText": "阅读器",
+        "menu": false,
+        "titleBar": false
       }
     }
   }

src/views/Raderover/index.ux

@@ -0,0 +1,45 @@
+<import name="x-book" src="../../components/book/book.ux"></import>
+<template>
+    <div class='readerover'>
+        <div class="title">
+            <img class='topimg' src="https://cdn-novel.iycdm.com/h5/complete.png" alt="">
+        </div>
+        <div class='recommend-title'>
+            <text>作者推荐</text>
+            <text>换一换</text>
+        </div>
+        <div>
+            <x-book multi="{{true}}" width="{{180}}" book="{{book}}" prevent="{{true}}">
+                <div class="book-info">
+                    <text class="name">{{bookdata.book_name}}</text>
+                    <div class="info">
+                        <text>{{bookdata.book_summary}}</text>
+                    </div>
+                </div>
+            </x-book>
+        </div>
+        <div>
+            <!-- <block for="bookdata">
+                <x-book book='{{$item}}' read='{{true}}'></x-book>
+            </block> -->
+        </div>
+    </div>
+</template>
+<script>
+import { readOverRecommend } from "../../api";
+export default {
+    private: {
+        bookdata: {
+
+        }
+    },
+    onInit() {
+        readOverRecommend({ bid: '5pNo6A7wqQmB1WgQygDjkOM9VZn2vXeY' }).then(r => {
+
+        })
+    }
+}
+</script>
+<style lang="less">
+@import "../../assets/less/readerover.less";
+</style>

src/views/Shelf/index.ux

@@ -11,7 +11,7 @@
       </block>
     </div>
     <div class="shelf-total {{current === 1 ? 'shelf-total__inRecent' : ''}}">
-      <text>共35本</text>
+      <text>共{{booksize}}本</text>
       <text class="manager" @click="changeMode">{{modeText}}</text>
     </div>
     <block if="current === 0">
@@ -74,6 +74,7 @@ export default {
       isDelMode: false,
       modeText: "管理",
       mockList: [],
+      booksize: 0,
       typeList: [
         {
           name: "我的书架",
@@ -102,6 +103,7 @@ export default {
         m.cover_url = m.cover
         delete m.cover
       })
+      this.booksize = r.length
       this.mockList = r
     })
   },