gdxz_zjd/qianfan-case-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

imgeditor

Browse Source
This commit is contained in:
zoujiandong 2025-08-14 09:26:26 +08:00
parent 445a3e2a9a
commit 376fd782c1
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/business/case/imgEditor.vue
View File

@ -388,7 +388,7 @@ const init = (src) => {
theme: customTheme, // 自定义样式 theme: customTheme, // 自定义样式
}, },
cssMaxWidth: 1000, // canvas 最大宽度 cssMaxWidth: 1000, // canvas 最大宽度
cssMaxHeight: 800 cssMaxHeight: 600
}) })
document.getElementsByClassName('tui-image-editor-main')[0].style.top = '45px'; // 调整图片显示位置 document.getElementsByClassName('tui-image-editor-main')[0].style.top = '45px'; // 调整图片显示位置
@ -425,6 +425,8 @@ defineExpose({ init, save });
align-items: center !important; align-items: center !important;
background: transparent; background: transparent;
height: 40px !important; height: 40px !important;
} }
.tui-image-editor-container .color-picker-value { .tui-image-editor-container .color-picker-value {
width: 20px !important; width: 20px !important;
@ -490,4 +492,21 @@ defineExpose({ init, save });
font-size: 17px; font-size: 17px;
opacity: 0.8; opacity: 0.8;
} }
.tui-image-editor-container .tui-image-editor-help-menu.top{
top:4px!important;
}
.tui-image-editor-submenu{
bottom:-44px!important;
}
#tui-image-editor{
height:660px!important;
overflow-y: auto;
}
.ant-modal-body{
padding: 0 !important;
}
.tui-image-editor-container .tui-image-editor-main-container{
bottom: 93px!important;
}
</style> </style>