From 4a876a152948cd153c4f8a4a86b49aee377bb9ac Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 29 五月 2024 15:07:21 +0800
Subject: [PATCH] 轮播图和图片查看

---
 src/App.vue |   45 ++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8a9a39f..bbda760 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,11 +29,22 @@
   async created() {
     if (this.setGlobalState) {
       this.setGlobalState({
-        initTestBook: async (bookId) => {
-          this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
-          this.config.resourceCtx = this.config.resourceCtx + bookId;
+        initTestBook: async (bookId, tryPageCount) => {
+          // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
+          if (
+            this.config.resourceCtx ==
+            "http://182.92.203.7:3007/books/resource/"
+          ) {
+            this.config.resourceCtx = this.config.resourceCtx + bookId;
+          }
           this.config.activeBook = this.activeBook;
           this.config.goodsStore = this.activeBook.storeRefcode;
+          this.activeBook = await this.config.getBookConfig(
+            this.config.resourceCtx
+          );
+          if (tryPageCount) {
+            this.activeBook.tryPageCount = tryPageCount;
+          }
           console.log("鍥句功", this.activeBook);
           if (
             (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
@@ -46,8 +57,12 @@
       });
     } else {
       this.activeBook = await this.config.getBookConfig(
+        // childHealth
         this.config.resourceCtx + "childHealth"
       );
+      // 娴嬭瘯璇曡30椤�
+      // this.activeBook.tryPageCount = 10;
+
       this.config.activeBook = this.activeBook;
       this.config.goodsStore = this.activeBook.storeRefcode;
     }
@@ -92,5 +107,29 @@
 .notesline {
   padding-bottom: 2px;
   border-bottom: 2px solid;
+  cursor: pointer;
+}
+
+/* swiper */
+.swiper-container{
+  width: 100%;
+  height: 100%;
+}
+
+.imgBox{
+  position: relative;
+}
+
+.imgBox img{
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
 }
 </style>

--
Gitblit v1.9.1