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 |  120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 113 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 01f01ff..ae6f4ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,22 +1,76 @@
 <template>
   <div id="app">
-    <childHealth v-if="config.activeBook.name == 'childHealth'"></childHealth>
-    <book v-if="config.activeBook.name == 'content'"></book>
-    <embedded v-if="config.activeBook.name == 'embedded'" ></embedded>
+    <childHealth v-if="activeBook.name == 'childHealth'"></childHealth>
+    <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>
 
 <script>
 import childHealth from "./books/childHealth/view/index.vue";
-import book from './books/content/index.vue'
-import embedded from "./books/embedded/view/index.vue"
+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",
   components: {
     childHealth,
-    book,
-    embedded
+    lifeCare,
+    embedded,
+    english,
+    sportsAndHealth
+  },
+  data() {
+    return {
+      activeBook: {}
+    };
+  },
+  async created() {
+    if (this.setGlobalState) {
+      this.setGlobalState({
+        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)
+          ) {
+            this.$store.state.qiankun.getBookConfig({
+              bookConfig: this.activeBook
+            });
+          }
+        }
+      });
+    } 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;
+    }
   }
 };
 </script>
@@ -58,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