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 | 61 +++++++++++++++++++++--------- 1 files changed, 43 insertions(+), 18 deletions(-) diff --git a/src/App.vue b/src/App.vue index 2306550..3ee105a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,18 +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> - <civilAviationServices v-if="activeBook.name == 'civilAviationServices'"></civilAviationServices> - <meetingPlanners v-if="activeBook.name == 'meetingPlanners'"></meetingPlanners> + <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: { @@ -29,12 +54,13 @@ artAndDrama: () => import("./books/artAndDrama/view/index.vue"), botany: () => import("./books/botany/view/index.vue"), civilAviation: () => import("./books/civilAviation/view/index.vue"), - civilAviationServices: () =>import("./books/civilAviationServices/view/index.vue"), - meetingPlanners: () =>import("./books/meetingPlanners/view/index.vue") + civilServices: () => + import("./books/civilServices/view/index.vue"), + meetingPlanners: () => import("./books/meetingPlanners/view/index.vue"), }, data() { return { - activeBook: {} + activeBook: {}, }; }, async created() { @@ -53,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 @@ -68,13 +94,13 @@ // artAndDrama // mathBook // civilAviation - // civilAviationServices + // 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 - : "civilAviation") + 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( @@ -91,11 +117,10 @@ }, methods: { but() { - console.log(this.activeBook, 'this.activeBook789'); - } - } + console.log(this.activeBook, "this.activeBook789"); + }, + }, }; - </script> <style lang="less"> -- Gitblit v1.9.1