32 lines
1.3 KiB
Vue
32 lines
1.3 KiB
Vue
<template>
|
|
<div class="canvas-test">
|
|
<button @click="dialogVisible = true">打开画布</button>
|
|
<fullscreen-dialog v-model="dialogVisible" hide-destroy>
|
|
<flow-canvas :config="config" />
|
|
<Assistant />
|
|
</fullscreen-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import fullscreenDialog from './components/fullscreen-dialog.vue'
|
|
import flowCanvas from './FlowCanvas/flow-canvas.vue'
|
|
import Assistant from '../Assistant/assistant.vue'
|
|
import { computed, ref, markRaw, onMounted, reactive, nextTick } from 'vue'
|
|
const dialogVisible = ref(true)
|
|
const config = ref({
|
|
url: 'https://s3-alpha-sig.figma.com/img/ea2f/590e/9638f62a2fc91e31f33db0022db1642c?Expires=1773014400&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=M0B8oJJOk~dGG0aZAqOIocAp7T0LFdJ9FYmCrEZVTCRzYxM6SJRNtYMTX-rTO3Z~s14QINh~o-S41XiZnBv-0zcKjuWot~VVaNHfd0~1LesfNe2KwvCinT~72btFut1pheLnKE-wWCX5ewtonxU77bnw386YPMTqv7DBZzksf2udsJA7NmOYD6~TUG3Q2dWSt~zPH~lkaidscPqpCnCbqzljCEi4RiHY4U3A45l5XypcX2umqn1UaYUFCTqV9471J4qdB6Dg2pcKocdp-7-3s1De6Q~2SmBOrSgDQ~KEADCB2lhKfhxgWmy0lwMvhTd4l90ygVZDWZRABgjHNrGUvg__'
|
|
})
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.canvas-test {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
</style>
|