From 3768c08a1b81aafce9fa188586b9728b33a6b2cc Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 29 五月 2024 21:55:50 +0800
Subject: [PATCH] 轮播

---
 src/App.vue |   77 ++++++++++++++++++++++++++++++++++----
 1 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9de6d5d..ae6f4ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,9 @@
     <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare>
     <embedded v-if="activeBook.name == 'embedded'"></embedded>
     <english v-if="activeBook.name == 'english'"></english>
+    <sportsAndHealth
+      v-if="activeBook.name == 'sportsAndHealth'"
+    ></sportsAndHealth>
   </div>
 </template>
 
@@ -12,6 +15,7 @@
 import lifeCare from "./books/lifeCare/index.vue";
 import embedded from "./books/embedded/view/index.vue";
 import english from "./books/English/view/index.vue";
+import sportsAndHealth from "./books/sportsAndHealth";
 
 export default {
   name: "App",
@@ -20,16 +24,17 @@
     lifeCare,
     embedded,
     english,
+    sportsAndHealth
   },
   data() {
     return {
-      activeBook: {},
+      activeBook: {}
     };
   },
   async created() {
     if (this.setGlobalState) {
       this.setGlobalState({
-        initTestBook: async (bookId) => {
+        initTestBook: async (bookId, tryPageCount) => {
           // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
           if (
             this.config.resourceCtx ==
@@ -42,27 +47,31 @@
           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)
           ) {
             this.$store.state.qiankun.getBookConfig({
-              bookConfig: this.activeBook,
+              bookConfig: this.activeBook
             });
           }
-        },
+        }
       });
     } else {
       this.activeBook = await this.config.getBookConfig(
         // childHealth
-        this.config.resourceCtx + "english"
+        this.config.resourceCtx + "childHealth"
       );
-      console.log("ac", this.activeBook);
+      // 娴嬭瘯璇曡30椤�
+      // this.activeBook.tryPageCount = 10;
+
       this.config.activeBook = this.activeBook;
-      debugger;
       this.config.goodsStore = this.activeBook.storeRefcode;
     }
-  },
+  }
 };
 </script>
 
@@ -103,5 +112,57 @@
 .notesline {
   padding-bottom: 2px;
   border-bottom: 2px solid;
+  cursor: pointer;
+}
+
+/* swiper */
+.swiper-container {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-pagination-bullet-active {
+  background-color: #0093ff;
+}
+
+.swiper-button-prev,
+.swiper-button-next {
+  width: 27px;
+  height: 44px;
+  margin-top: -22px;
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #0093ff;
+}
+
+.swiper-button-prev:after,
+.swiper-button-next:after {
+  font-family: swiper-icons;
+  font-size: 30px;
+  text-transform: none !important;
+  letter-spacing: 0;
+  text-transform: none;
+  font-variant: initial;
+  line-height: 1;
+}
+
+.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