主题色

src/views/book/courseware/create/components/PreviewEdit.vue

@@ -47,12 +47,14 @@
 
 <script>
 import { previewComponentList } from '@/views/book/courseware/data/bookType';
+import { GetBook } from '@/api/book';
 
 export default {
   name: 'PreviewEdit',
   provide() {
     return {
       getDragStatus: () => this.drag.dragging,
+      bookInfo: this.bookInfo,
     };
   },
   props: {
@@ -102,11 +104,17 @@ export default {
       ],
       // 不需要移动的组件
       noMoveComponent: ['divider', 'spacing'],
+      bookInfo: {
+        theme_color: '',
+      },
     };
   },
   created() {
     document.addEventListener('mousemove', this.dragMove);
     document.addEventListener('mouseup', this.dragEnd);
+    GetBook({ id: this.$route.query.book_id }).then(({ theme_color }) => {
+      this.bookInfo.theme_color = theme_color;
+    });
   },
   beforeDestroy() {
     document.removeEventListener('mousemove', this.dragMove);

src/views/book/courseware/preview/CoursewarePreview.vue

@@ -42,12 +42,14 @@
 
 <script>
 import { previewComponentList } from '@/views/book/courseware/data/bookType';
+import { GetBook } from '@/api/book';
 
 export default {
   name: 'CoursewarePreview',
   provide() {
     return {
       getDragStatus: () => false,
+      bookInfo: this.bookInfo,
     };
   },
   props: {
@@ -59,8 +61,16 @@ export default {
   data() {
     return {
       previewComponentList,
+      bookInfo: {
+        theme_color: '',
+      },
     };
   },
+  created() {
+    GetBook({ id: this.$route.query.book_id }).then(({ theme_color }) => {
+      this.bookInfo.theme_color = theme_color;
+    });
+  },
   methods: {
     getMultipleColStyle(i) {
       let row = this.data.row_list[i];

src/views/book/courseware/preview/components/write/WritePreview.vue

@@ -327,7 +327,6 @@ export default {
         });
 
         this.option_list = img_list;
-        console.log(img_list);
       }
       setTimeout(() => {
         if (document.getElementsByClassName('chinese-preview').length > 0) {