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 | 68 +++++++++++++++++++++++++++++---- 1 files changed, 59 insertions(+), 9 deletions(-) diff --git a/src/App.vue b/src/App.vue index d1701f2..3ee105a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,10 +10,37 @@ <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: { @@ -24,11 +51,16 @@ 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") + 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"), }, data() { return { - activeBook: {} + activeBook: {}, }; }, async created() { @@ -47,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 @@ -61,20 +93,34 @@ // artAndDance // 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 - : "english") + : "mathBook") ); + + // 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> <style lang="less"> @@ -82,18 +128,21 @@ 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; } @@ -107,6 +156,7 @@ text-underline-thickness: 2px; cursor: pointer; } + .underline:hover { border: 1px dashed #949494 !important; } -- Gitblit v1.9.1