画画预览背景色与保存按钮与书写预览一致 汉字展示模式播放动画未显示

src/icons/svg/saves.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1787554781679" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6473" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M925.248 356.928l-258.176-258.176a64 64 0 0 0-45.248-18.752H144a64 64 0 0 0-64 64v736a64 64 0 0 0 64 64h736a64 64 0 0 0 64-64V402.176a64 64 0 0 0-18.752-45.248zM288 144h192V256H288V144z m448 736H288V736h448v144z m144 0H800V704a32 32 0 0 0-32-32H256a32 32 0 0 0-32 32v176H144v-736H224V288a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32V144h77.824l258.176 258.176V880z" p-id="6474"></path></svg>

src/views/book/courseware/preview/components/character/CharacterPreview.vue

@@ -77,7 +77,7 @@
                   <Strockplayredline
                     v-if="items && items.type === 'hanzi'"
                     :Book_text="items.con"
-                    :play-storkes="isEnable(data.property.is_enable_play_structure)"
+                    :play-storkes="isEnable(data.property.is_enable_stroke)"
                     :cur-item="
                       isEnable(data.property.is_enable_high_strokes)
                         ? data.property.model === 'input'

src/views/book/courseware/preview/components/drawing/DrawingPreview.vue

@@ -6,10 +6,10 @@
     <div
       class="img-box"
       :style="{
-        background: image_url ? '' : '#DCDFE6',
+        background: image_url ? '' : '#f7f8fa',
         width: isMobile ? '100%' : data.image_width + 'px',
         height: isMobile ? mobileHeight + 'px' : data.image_height + 'px',
-        border: '1px dotted #DCDFE6',
+        border: '1px dotted #f7f8fa',
       }"
     >
       <div v-if="image_url" class="img-set" :style="{ top: `${data.imgData.top}px`, left: `${data.imgData.left}px` }">
@@ -82,7 +82,9 @@
           @click="selSize(2)"
           :style="{ cursor: disabled ? 'not-allowed' : 'pointer' }"
         />
-        <div class="save" @click="save" :style="{ cursor: disabled ? 'not-allowed' : 'pointer' }">保 存</div>
+        <div class="save" @click="save" :style="{ cursor: disabled ? 'not-allowed' : 'pointer' }">
+          <SvgIcon icon-class="saves" size="24" title="保存" />
+        </div>
       </div>
     </div>
   </div>
@@ -187,7 +189,7 @@ export default {
     eraser() {
       this.penIndex = null;
       this.options = {
-        penColor: '#DCDFE6',
+        penColor: '#f7f8fa',
         minWidth: 3,
         maxWidth: 3,
       };
@@ -289,22 +291,11 @@ export default {
 
   .save {
     box-sizing: border-box;
-    width: 65px;
-    height: 32px;
-    margin-left: 16px;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 32px;
+    height: 24px;
+    margin-left: 8px;
     color: #000;
     text-align: center;
     cursor: pointer;
-    background: rgba(0, 0, 0, 5%);
-    border: 1px solid rgba(0, 0, 0, 10%);
-    border-radius: 6px;
-  }
-
-  .save:hover {
-    background: rgba(0, 0, 0, 25%);
   }
 
   > img {

src/views/book/courseware/preview/components/write_base/WriteBasePreview.vue

@@ -27,7 +27,7 @@
         />
         <div class="btn-box">
           <SvgIcon icon-class="clear" size="24" title="清除" @click="handleReset" />
-          <SvgIcon icon-class="camera" size="24" title="保存" @click="handleGenerate" />
+          <SvgIcon icon-class="saves" size="24" title="保存" @click="handleGenerate" />
         </div>
       </div>
       <!-- <template v-if="data.write_base64[0]">