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