Commit d8d66293 by 张超军

指纹编辑样式

parent cce63c11
.border{border:1px solid black;}.body-container{width:520px;height:520px;}.tui-image-editor-controls{min-height:250px;}.menu{padding:0;margin-bottom:5px;text-align:center;color:#544b61;font-weight:400;list-style-type:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}.logo{margin:0 auto;width:300px;vertical-align:middle;}.header .name{padding:10px;line-height:50px;font-size:30px;font-weight:100;vertical-align:middle;}.header .menu{display:inline-block;}.menu-item{padding:10px;display:inline-block;cursor:pointer;vertical-align:middle;}.menu-item a{text-decoration:none;}.menu-item.no-pointer{cursor:default;}.menu-item.active,.menu-item:hover{background-color:#f3f3f3;}.menu-item.disabled{cursor:default;color:#bfbebe;}.align-left-top{text-align:left;vertical-align:top;}.range-narrow{width:80px;}.sub-menu-container{font-size:14px;margin-bottom:1em;display:none;}.tui-image-editor{height:520px;width:520px;}.tui-image-editor-canvas-container{top:0;height:520px;width:520px;max-height:520px !important;overflow:hidden;}.tui-colorpicker-container{margin:5px auto 0;}.tui-colorpicker-palette-toggle-slider{display:none;}.input-wrapper{position:relative;}.input-wrapper input{cursor:pointer;position:absolute;font-size:999px;left:0;top:0;opacity:0;width:100%;height:100%;overflow:hidden;}.btn-text-style{padding:5px;margin:3px 1px;border:1px dashed #bfbebe;outline:0;background-color:#eee;cursor:pointer;}.icon-text{font-size:20px;}.select-line-type{outline:0;vertical-align:middle;}#tui-color-picker{display:inline-block;vertical-align:middle;}#tui-text-palette{display:none;position:absolute;padding:10px;border:1px solid #bfbebe;background-color:#fff;z-index:9999;}
\ No newline at end of file
.border{border:1px solid black;}.body-container{width:520px;height:520px;}.tui-image-editor-controls{min-height:250px;}.menu{padding:0;margin-bottom:5px;text-align:center;color:#544b61;font-weight:400;list-style-type:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}.logo{margin:0 auto;width:300px;vertical-align:middle;}.header .name{padding:10px;line-height:50px;font-size:30px;font-weight:100;vertical-align:middle;}.header .menu{display:inline-block;}.menu-item{padding:10px;display:inline-block;cursor:pointer;vertical-align:middle;}.menu-item a{text-decoration:none;}.menu-item.no-pointer{cursor:default;}.menu-item.active,.menu-item:hover{background-color:#f3f3f3;}.menu-item.disabled{cursor:default;color:#bfbebe;}.align-left-top{text-align:left;vertical-align:top;}.range-narrow{width:80px;}.sub-menu-container{font-size:14px;margin-bottom:1em;display:none;}.tui-image-editor{height:100%;width:auto;}.tui-image-editor-canvas-container{top:0;height:520px;width:520px;max-height:520px !important;overflow:hidden;}.tui-colorpicker-container{margin:5px auto 0;}.tui-colorpicker-palette-toggle-slider{display:none;}.input-wrapper{position:relative;}.input-wrapper input{cursor:pointer;position:absolute;font-size:999px;left:0;top:0;opacity:0;width:100%;height:100%;overflow:hidden;}.btn-text-style{padding:5px;margin:3px 1px;border:1px dashed #bfbebe;outline:0;background-color:#eee;cursor:pointer;}.icon-text{font-size:20px;}.select-line-type{outline:0;vertical-align:middle;}#tui-color-picker{display:inline-block;vertical-align:middle;}#tui-text-palette{display:none;position:absolute;padding:10px;border:1px solid #bfbebe;background-color:#fff;z-index:9999;}
......@@ -15,7 +15,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="<%= BASE_URL %>image-edit/css/tui-color-picker.css">
<link rel="stylesheet" href="<%= BASE_URL %>image-edit/css/service-basic.css">
<!-- <link rel="stylesheet" href="<%= BASE_URL %>image-edit/css/service-basic.css">-->
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
......@@ -44,4 +44,4 @@
<!-- <script src="<%= BASE_URL %>image-edit/js/service-basic.js"></script> -->
</body>
</html>
\ No newline at end of file
</html>
......@@ -1308,6 +1308,13 @@ div {
display: flex;
justify-content: center;
align-items: center;
.tui-image-editor {
width: 520px;
height: 520px!important;
display: flex;
align-items: center;
justify-content: center;
}
.tui-image-editor2 {
width: 520px;
height: 520px;
......@@ -1381,6 +1388,13 @@ div {
display: flex;
justify-content: center;
align-items: center;
.tui-image-editor {
width: 520px;
height: 520px!important;
display: flex;
align-items: center;
justify-content: center;
}
.tui-image-editor2 {
width: 520px;
height: 520px;
......
......@@ -724,7 +724,6 @@ export default {
// });
imageEditor = new tui.ImageEditor('.tui-image-editor', {
cssMaxWidth: 520,
cssMaxHeight: 520,
selectionStyle: {
......@@ -821,7 +820,7 @@ export default {
});
this.multiplyColorpicker = multiplyColorpicker
// 差异化颜色选择器
// 差异化颜色选择器
var blendColorpicker = tui.colorPicker.create({
container: $('#tui-blend-color-picker')[0],
color: '#FF4041',
......
......@@ -922,6 +922,10 @@ $transOrigin: var(--transOrigin, 0px, 0px);
display: flex;
justify-content: center;
align-items: center;
.tui-image-editor {
width: 520px !important;
height: 520px !important;
}
}
.tzdDrawing {
width: 520px;
......
......@@ -139,12 +139,12 @@
</el-table-column>
<el-table-column prop="active" label="操作">
<img
style="width: 18px;height: 18px;margin-right: 18px;cursor: pointer"
style="width: 1.125rem;height: 1.125rem;margin-right: 1.125rem;cursor: pointer"
src="../../assets/img/qbryk/bj.png"
@click="edit"
/>
<img
style="width: 18px;height: 18px;cursor: pointer"
style="width: 1.125rem;height: 1.125rem;cursor: pointer"
src="../../assets/img/qbryk/del.png"
@click="del"
/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment