From b1afe1bb63a9eae10b4e069c60f4db80b6816078 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 29 五月 2024 19:18:45 +0800 Subject: [PATCH] 嵌入书分页加载 --- src/App.vue | 79 ++++++++++++++++++++++++++++++++++----- 1 files changed, 69 insertions(+), 10 deletions(-) diff --git a/src/App.vue b/src/App.vue index f24ca81..9fbc156 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,37 +1,72 @@ <template> <div id="app"> <childHealth v-if="activeBook.name == 'childHealth'"></childHealth> - <book v-if="activeBook.name == 'content'"></book> + <lifeCare v-if="activeBook.name == 'lifeCare'"></lifeCare> <embedded v-if="activeBook.name == 'embedded'"></embedded> + <english v-if="activeBook.name == 'english'"></english> </div> </template> <script> import childHealth from "./books/childHealth/view/index.vue"; -import book from "./books/content/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"; export default { name: "App", components: { childHealth, - book, + lifeCare, embedded, + english }, data() { return { - activeBook: {}, + activeBook: {} }; }, async created() { - this.activeBook = await this.config.getBookConfig(); - console.log('鍥句功',this.activeBook); - if (this.$store.state.qiankun,this.$store.state.qiankun.getBookConfig) { - this.$store.state.qiankun.getBookConfig({ - bookConfig: this.activeBook, + 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 + "embedded" + ); + // 娴嬭瘯璇曡30椤� + // this.activeBook.tryPageCount = 10; + + this.config.activeBook = this.activeBook; + this.config.goodsStore = this.activeBook.storeRefcode; } - }, + } }; </script> @@ -72,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