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 | 54 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 48 insertions(+), 6 deletions(-) diff --git a/src/App.vue b/src/App.vue index 58a94a1..bbda760 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,7 +1,7 @@ <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> @@ -9,7 +9,7 @@ <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"; @@ -17,7 +17,7 @@ name: "App", components: { childHealth, - book, + lifeCare, embedded, english }, @@ -29,10 +29,22 @@ async created() { if (this.setGlobalState) { this.setGlobalState({ - initTestBook: async (bookId) => { - this.activeBook = await this.config.getBookConfig(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) @@ -44,7 +56,13 @@ } }); } else { - this.activeBook = await this.config.getBookConfig(); + 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; } @@ -89,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