From f83aeadb77d87b29be680f7e37b729bbd72e1716 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 08 五月 2025 10:38:08 +0800 Subject: [PATCH] 画板组件优化 --- src/components/graffiti/index.vue | 3 ++- src/books/mathBook/view/components/index.vue | 33 +++------------------------------ src/App.vue | 9 +-------- src/books/childHealth/view/content/components/chapter001.vue | 1 - 4 files changed, 6 insertions(+), 40 deletions(-) diff --git a/src/App.vue b/src/App.vue index e2d0e65..baa4fdc 100644 --- a/src/App.vue +++ b/src/App.vue @@ -201,19 +201,12 @@ // artInitiationForAges0to3 // 0~3宀佸┐骞煎効鑹烘湳鍚挋 // toddlerSportsSafetyProtection // 0~3宀佸┐骞煎効杩愬姩瀹夊叏涓庝繚鎶� // behaviorObserveAndGuid 濠村辜鍎胯涓鸿瀵熶笌鎸囧 - console.log("debugger", process.env); this.activeBook = await this.config.getBookConfig( process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product" ? process.env.VUE_APP_BOOK_ID - : "artInitiationForAges0to3") + : "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; diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index b48a8b3..6d034b4 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -3950,7 +3950,6 @@ </p> </div> <div class="right" style="width: 60%"> - <!-- config.resourceCtx + '/video/chapterOne/涓撻涓�锛氬鍓嶅効绔ョ溂鐫涚殑鐢熺悊鐗圭偣涓庝繚鍋�.mp4' --> <video :src="pathTwo" poster="../../../assets/images/chapterOne/people-video-img.jpg" diff --git a/src/books/mathBook/view/components/index.vue b/src/books/mathBook/view/components/index.vue index 74c5672..bcfe7c8 100644 --- a/src/books/mathBook/view/components/index.vue +++ b/src/books/mathBook/view/components/index.vue @@ -189,36 +189,9 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - // setTimeout(() => { - // this.gotoPage(4,79); - // // setTimeout(() => { - // // this.renderSign("Highlight", { - // // id: "2ACA9359", - // // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩", - // // page: "10", - // // type: "Highlight", - // // color: "#F5E12A" - // // }); - // // setTimeout(() => { - // // this.delSign({ - // // ids: ["2ACA9359"] - // // }); - // // }, 2000); - // // }, 5000); - - // // const pageDom = (this.container ? this.container : document) - // // .querySelector("#app") - // // .querySelectorAll(".page-box"); - // // 妫�绱� - // // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage"); - // // 妫�绱㈣烦杞� - // // this.searchItemLocation({ - // // catalog: 2, - // // page: 10, - // // txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ", - // // txtIndex: 57 - // // }); - // }, 500); + setTimeout(() => { + this.gotoPage(3,51) + }, 500); // 鑾峰彇棰樼洰id鍒楄〃 this.getQuestionId(); diff --git a/src/components/graffiti/index.vue b/src/components/graffiti/index.vue index 902940e..c332154 100644 --- a/src/components/graffiti/index.vue +++ b/src/components/graffiti/index.vue @@ -150,7 +150,7 @@ imgData.setAttribute("crossOrigin", ""); } imgData.onload = () => { - this.context.drawImage(imgData, 0, 0, this.imgWidth, this.imgHeight); + this.context.drawImage(imgData, 0, 0, Math.min(window.innerWidth,this.imgWidth),this.imgHeight); }; }; resetCanvas(); @@ -336,6 +336,7 @@ display: flex; justify-content: space-around; align-items: center; + flex-wrap: wrap; height: 88px; } -- Gitblit v1.9.1