Pārlūkot izejas kodu

解决tui-image-editor底部操作类得隐藏及联动样式问题,初始化显示操作为裁剪

qinpeng 2 gadi atpakaļ
vecāks
revīzija
3ee25ce056
1 mainītis faili ar 7 papildinājumiem un 1 dzēšanām
  1. 7 1
      src/views/CalligraphyMaster/cread.vue

+ 7 - 1
src/views/CalligraphyMaster/cread.vue

@@ -637,7 +637,7 @@ export default {
               "text",
               "filter",
             ], // 底部菜单按钮列表 隐藏镜像flip和遮罩mask
-            initMenu: "draw", // 默认打开的菜单项
+            initMenu: "crop", // 默认打开的菜单项
             menuBarPosition: "bottom", // 菜单所在的位置
             locale: locale_zh, // 本地化语言为中文
             theme: customTheme, // 自定义样式
@@ -1048,6 +1048,12 @@ export default {
 </style>
 <style lang="scss">
 .CalligraphyMaster-cread {
+  .tui-image-editor-controls {
+    display: none;
+  }
+  .tui-image-editor-container .tui-image-editor-main-container {
+    height: 100%;
+  }
   .main-top {
     .left {
       .el-input__inner {