| | |
| | | <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance> |
| | | <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama> |
| | | <mathBook v-if="activeBook.name == 'mathBook'"></mathBook> |
| | | <botany v-if="activeBook.name == 'botany'"></botany> |
| | | <civilAviation v-if="activeBook.name == 'civilAviation'"></civilAviation> |
| | | <civilServices v-if="activeBook.name == 'civilServices'"></civilServices> |
| | | <meetingPlanners v-if="activeBook.name == 'meetingPlanners'"></meetingPlanners> |
| | | <aviationBasicSkills v-if="activeBook.name == 'aviationBasicSkills'"></aviationBasicSkills> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import childHealth from "./books/childHealth/view/index.vue"; |
| | | import lifeCare from "./books/lifeCare/view/index.vue"; |
| | | import embedded from "./books/embedded/view/index.vue"; |
| | | import english from "./books/English/view/index.vue"; |
| | | import sportsAndHealth from "./books/sportsAndHealth/view/index"; |
| | | import artAndDance from "./books/artAndDance/view/index.vue"; |
| | | import mathBook from "./books/mathBook/view/index.vue"; |
| | | import artAndDrama from "./books/artAndDrama/view/index.vue"; |
| | | // 解决ERROR ResizeObserver loop completed with undelivered notifications.//问题的 |
| | | const debounce = (fn, delay) => { |
| | | let timer = null; |
| | | return function () { |
| | | let context = this; |
| | | let args = arguments; |
| | | clearTimeout(timer); |
| | | timer = setTimeout(function () { |
| | | fn.apply(context, args); |
| | | }, delay); |
| | | }; |
| | | }; |
| | | // 解决ERROR ResizeObserver loop completed with undelivered notifications. |
| | | const _ResizeObserver = window.ResizeObserver; |
| | | window.ResizeObserver = class ResizeObserver extends _ResizeObserver { |
| | | constructor(callback) { |
| | | callback = debounce(callback, 16); |
| | | super(callback); |
| | | } |
| | | }; |
| | | export default { |
| | | name: "App", |
| | | components: { |
| | | childHealth, |
| | | lifeCare, |
| | | embedded, |
| | | english, |
| | | sportsAndHealth, |
| | | artAndDance, |
| | | mathBook, |
| | | artAndDrama |
| | | childHealth: () => import("./books/childHealth/view/index.vue"), |
| | | lifeCare: () => import("./books/lifeCare/view/index.vue"), |
| | | embedded: () => import("./books/embedded/view/index.vue"), |
| | | english: () => import("./books/english/view/index.vue"), |
| | | sportsAndHealth: () => import("./books/sportsAndHealth/view/index.vue"), |
| | | artAndDance: () => import("./books/artAndDance/view/index.vue"), |
| | | mathBook: () => import("./books/mathBook/view/index.vue"), |
| | | artAndDrama: () => import("./books/artAndDrama/view/index.vue"), |
| | | botany: () => import("./books/botany/view/index.vue"), |
| | | civilAviation: () => import("./books/civilAviation/view/index.vue"), |
| | | civilServices: () =>import("./books/civilServices/view/index.vue"), |
| | | meetingPlanners: () =>import("./books/meetingPlanners/view/index.vue"), |
| | | aviationBasicSkills: () => import("./books/aviationBasicSkills/view/index.vue") |
| | | }, |
| | | data() { |
| | | return { |
| | | activeBook: {} |
| | | activeBook: {}, |
| | | }; |
| | | }, |
| | | async created() { |
| | |
| | | (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) |
| | | ) { |
| | | this.$store.state.qiankun.getBookConfig({ |
| | | bookConfig: this.activeBook |
| | | bookConfig: this.activeBook, |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | }); |
| | | } else { |
| | | // childHealth |
| | |
| | | // artAndDance |
| | | // artAndDrama |
| | | // mathBook |
| | | // civilAviation |
| | | // civilServices |
| | | // meetingPlanners |
| | | // aviationBasicSkills |
| | | this.activeBook = await this.config.getBookConfig( |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "english") |
| | | process.env.VUE_APP_RESOURCE_CTX + |
| | | (process.env.VUE_APP_ENV == "product" |
| | | ? process.env.VUE_APP_BOOK_ID |
| | | : "aviationBasicSkills") |
| | | ); |
| | | |
| | | // this.activeBook = await this.config.getBookConfig( |
| | | // 'http://182.92.203.7:3007/books/resource/'+ |
| | | // (process.env.VUE_APP_ENV == "product" |
| | | // ? process.env.VUE_APP_BOOK_ID |
| | | // : "botany") |
| | | // ); |
| | | // 测试试读30页 |
| | | // this.activeBook.tryPageCount = 10; |
| | | this.config.activeBook = this.activeBook; |
| | | this.config.goodsStore = this.activeBook.storeRefcode; |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | but() { |
| | | console.log(this.activeBook, "this.activeBook789"); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | |
| | | body { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | margin: 0 !important; |
| | | } |
| | | |
| | | #app { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .highLight { |
| | | border: 1px dashed rgba(255, 255, 255, 0); |
| | | border-radius: 5px; |
| | | padding: 3px 0; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .highLight:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |
| | |
| | | text-underline-thickness: 2px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .underline:hover { |
| | | border: 1px dashed #949494 !important; |
| | | } |