diff --git a/src/page-subspecialty/views/modules/imgEditorFabric/img-editor/layer.vue b/src/page-subspecialty/views/modules/imgEditorFabric/img-editor/layer.vue index 48cd20e..456a703 100644 --- a/src/page-subspecialty/views/modules/imgEditorFabric/img-editor/layer.vue +++ b/src/page-subspecialty/views/modules/imgEditorFabric/img-editor/layer.vue @@ -11,7 +11,7 @@ 图层
- | {{ textType(item.type, item) }} +
+ | {{ textType(item.type, item) }} +
+
+ +
@@ -54,6 +59,11 @@ export default { this.canvas.c.on('after:render', this.getList) }, methods: { + deleteImg(id, index) { + this.list.splice(index, 1) + const info = this.canvas.c.getObjects().find(item => item.id === id) + this.canvas.c.remove(info) + }, // 是否选中元素 isSelect(item) { return (item.id === this.mSelectId || this.mSelectIds.includes(item.id)) @@ -163,6 +173,8 @@ export default { text-overflow: ellipsis; white-space: nowrap; cursor: pointer; + display: flex; + justify-content: space-between; } & > div { padding: 0px 5px; @@ -186,6 +198,10 @@ svg { background: #29292a; color: #fff; } +.deleteImg{ + color: red; + font-size: 18px; +}