From 013e8c13df0f97cf0444d2277069e39a5c8e1faa Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 29 五月 2024 19:17:53 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/App.vue | 140 ++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 126 insertions(+), 14 deletions(-) diff --git a/src/App.vue b/src/App.vue index ce55209..40e6635 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,140 @@ <template> <div id="app"> - <childHealth v-if="config.activeBook.name == 'childHealth'"></childHealth> - <!-- <English v-if="activeBook == 'English'"></English> --> + <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 English from './books/English/view/index.vue' +import childHealth from "./books/childHealth/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', + name: "App", components: { childHealth, - // English - } -} + 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 + "lifeCare" + ); + // 娴嬭瘯璇曡30椤� + // this.activeBook.tryPageCount = 10; + + this.config.activeBook = this.activeBook; + this.config.goodsStore = this.activeBook.storeRefcode; + } + }, +}; </script> <style lang="less"> - #app { - max-width: 816px; - min-width: 375px; - margin: 0 auto; - padding-bottom: 100px; - } +html, +body { + width: 100%; + height: 100%; + margin: 0; +} +#app { + width: 100%; + height: 100%; +} +.highLight { + border: 1px dashed rgba(255, 255, 255, 0); + border-radius: 5px; + padding: 3px; + cursor: pointer; +} +.highLight:hover { + border: 1px dashed #949494 !important; +} + +.underline { + border: 1px dashed rgba(255, 255, 255, 0); + padding: 5px; + border-radius: 5px; + text-decoration: underline; + text-decoration-style: wavy; + text-underline-thickness: 2px; + cursor: pointer; +} +.underline:hover { + border: 1px dashed #949494 !important; +} + +.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