修改cread字颜色默认值

src/views/CalligraphyMaster/cread.vue

@@ -212,7 +212,7 @@
             }"
           ></div>
         </div>
-        <div class="bottom">
+        <div class="bottom" v-if="1 == 2">
           <div @click="changeSize">
             <img src="../../assets/teacherdev/sfds-tailoring.png" alt="" />
           </div>
@@ -620,6 +620,7 @@ export default {
             name: "image",
           },
           menu: [
+            "mask",
             "resize",
             "crop",
             "rotate",
@@ -629,13 +630,13 @@ export default {
             "text",
             "filter",
           ], // 底部菜单按钮列表 隐藏镜像flip和遮罩mask
-          initMenu: "crop", // 默认打开的菜单项
+          //initMenu: "none", // 默认打开的菜单项
           menuBarPosition: "bottom", // 菜单所在的位置
           locale: locale_zh, // 本地化语言为中文
           theme: customTheme, // 自定义样式
         },
         cssMaxWidth: this.form.width, // canvas 最大宽度
-        cssMaxHeight: this.form.heigt, // canvas 最大高度
+        cssMaxHeight: this.form.height, // canvas 最大高度
       });
       let fontArray = [
         "Arial",
@@ -663,21 +664,14 @@ export default {
         "Webdings",
         "Wingdings",
       ];
-
+       
       let fontSelectHTML =
         '<select #fontselect class="form-select font-selector">';
       for (let i = 0; i < fontArray.length; i++) {
-        let selected = "";
-        if (i == 0) {
-          selected = "selected";
-        }
         fontSelectHTML +=
-          '<option style="font-family:' +
-          fontArray[i] +
-          ' !important;" value="' +
+          '<option style="font-family:Arial Black;font-size:30px" value="' +
           fontArray[i] +
           '" ' +
-          selected +
           ">" +
           fontArray[i] +
           "</option>";
@@ -1041,12 +1035,12 @@ export default {
 <style lang="scss">
 .CalligraphyMaster-cread {
   // 图片编辑器操作栏
-  .tui-image-editor-controls {
-    display: none;
-  }
-  .tui-image-editor-container .tui-image-editor-main-container {
-    height: 100%;
-  }
+  //.tui-image-editor-controls {
+  // display: none;
+  //}
+  //.tui-image-editor-container .tui-image-editor-main-container {
+  //height: 100%;
+  //}
   .main-top {
     .left {
       .el-input__inner {