1

src/views/book/courseware/create/components/question/drawing/Drawing.vue

@@ -25,7 +25,7 @@
         />
       </div>
       <div
-        class="background-img"
+        class="drawing-background-img"
         :style="{
           width: data.image_width + 'px',
           height: data.image_height + 'px',
@@ -91,16 +91,16 @@ export default {
     },
   },
   mounted() {
-    document.querySelectorAll('.background-img').forEach((item) => {
+    document.querySelectorAll('.drawing-background-img').forEach((item) => {
       item.addEventListener('mousemove', this.mouseMove);
     });
     document.body.addEventListener('mouseup', this.mouseUp);
   },
   beforeDestroy() {
-    document.querySelectorAll('.background-img').forEach((item) => {
+    document.querySelectorAll('.drawing-background-img').forEach((item) => {
       item.removeEventListener('mousemove', this.mouseMove);
     });
-    // document.querySelectorAll('.background-img')?.removeEventListener('mousemove', this.mouseMove);
+    // document.querySelectorAll('.drawing-background-img')?.removeEventListener('mousemove', this.mouseMove);
     document.body.removeEventListener('mouseup', this.mouseUp);
   },
   methods: {
@@ -182,10 +182,10 @@ export default {
         startY: clientY,
         type,
       };
-      document.querySelectorAll('.background-img').forEach((item) => {
+      document.querySelectorAll('.drawing-background-img').forEach((item) => {
         item.style.cursor = cursor;
       });
-      // document.querySelectorAll('.background-img').style.cursor = cursor;
+      // document.querySelectorAll('.drawing-background-img').style.cursor = cursor;
     },
     /**
      * 鼠标移动
@@ -289,8 +289,8 @@ export default {
      */
     mouseUp() {
       this.data.drag.dragging = false;
-      // document.querySelectorAll('.background-img').style.cursor = 'auto';
-      document.querySelectorAll('.background-img').forEach((item) => {
+      // document.querySelectorAll('.drawing-background-img').style.cursor = 'auto';
+      document.querySelectorAll('.drawing-background-img').forEach((item) => {
         item.style.cursor = 'auto';
       });
     },
@@ -334,7 +334,7 @@ export default {
   padding: 20px 0;
 }
 
-.background-img {
+.drawing-background-img {
   height: 310px;
   border: 1px dashed rgba(0, 0, 0, 8%);