From 38cdff1163573261e36f9d7f8920e1578e1172c8 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 22 十一月 2024 10:55:33 +0800 Subject: [PATCH] 数学书收藏功能优化 --- src/App.vue | 64 +++++++++++++++++++++++-------- 1 files changed, 47 insertions(+), 17 deletions(-) diff --git a/src/App.vue b/src/App.vue index a7c17d7..3ee105a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,16 +4,43 @@ <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> + <sportsAndHealth + v-if="activeBook.name == 'sportsAndHealth'" + ></sportsAndHealth> <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> </div> </template> - <script> + // 瑙e喅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); + }; +}; +// 瑙e喅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: { @@ -26,11 +53,14 @@ 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") + civilAviation: () => import("./books/civilAviation/view/index.vue"), + civilServices: () => + import("./books/civilServices/view/index.vue"), + meetingPlanners: () => import("./books/meetingPlanners/view/index.vue"), }, data() { return { - activeBook: {} + activeBook: {}, }; }, async created() { @@ -49,10 +79,10 @@ (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig) ) { this.$store.state.qiankun.getBookConfig({ - bookConfig: this.activeBook + bookConfig: this.activeBook, }); } - } + }, }); } else { // childHealth @@ -64,12 +94,15 @@ // artAndDrama // mathBook // civilAviation + // civilServices + // meetingPlanners this.activeBook = await this.config.getBookConfig( - process.env.VUE_APP_RESOURCE_CTX + - (process.env.VUE_APP_ENV == "product" - ? process.env.VUE_APP_BOOK_ID - : "mathBook") + process.env.VUE_APP_RESOURCE_CTX + + (process.env.VUE_APP_ENV == "product" + ? process.env.VUE_APP_BOOK_ID + : "mathBook") ); + // this.activeBook = await this.config.getBookConfig( // 'http://182.92.203.7:3007/books/resource/'+ // (process.env.VUE_APP_ENV == "product" @@ -83,14 +116,11 @@ } }, methods: { - but() { - console.log(this.activeBook, 'this.activeBook789'); - } - - } + console.log(this.activeBook, "this.activeBook789"); + }, + }, }; - </script> <style lang="less"> @@ -98,7 +128,7 @@ body { width: 100%; height: 100%; - margin: 0; + margin: 0 !important; } #app { -- Gitblit v1.9.1