初步设计编辑界面

This commit is contained in:
fofolee
2022-04-05 08:28:56 +08:00
parent 89843bc9cc
commit f101fced6d
2 changed files with 82 additions and 226 deletions

View File

@@ -173,39 +173,10 @@
transition-hide="slide-down"
>
<q-card>
<q-bar>
<q-space />
<q-btn
dense
flat
icon="minimize"
@click="maximizedToggle = false"
:disable="!maximizedToggle"
>
<q-tooltip
v-if="maximizedToggle"
content-class="bg-white text-primary"
>Minimize</q-tooltip
>
</q-btn>
<q-btn
dense
flat
icon="crop_square"
@click="maximizedToggle = true"
:disable="maximizedToggle"
>
<q-tooltip
v-if="!maximizedToggle"
content-class="bg-white text-primary"
>Maximize</q-tooltip
>
</q-btn>
<q-btn dense flat icon="close" v-close-popup>
<q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
</q-btn>
</q-bar>
<CommandEditor :action="commandEditorAction"></CommandEditor>
<CommandEditor
:action="commandEditorAction"
@editorEvent="editorEvent"
></CommandEditor>
</q-card>
</q-dialog>
</div>
@@ -552,6 +523,15 @@ export default {
};
this.isCommandEditorShow = true;
},
editorEvent(event) {
switch (event.type) {
case "close":
this.isCommandEditorShow = false;
return;
default:
return;
}
},
},
};
</script>