<template>
    <a-modal class="modal_component collection_modal Guide_1_2" 
		v-model:visible="testModal" 
		:footer="null" 
		width="78%"
		:maskClosable="false"
		:centered="true"
		:closable="false"
		wrapClassName="#app"
		:keyboard="false"
	>
	<div class="collection_closeIcon closeIcon" >
		<!-- <div class="header_right_block" @click.stop="">
			<div class="header_cancel_button" >Cancel</div>
		</div> -->
		<i class="fi fi-rr-cross-small" @click.stop="cancelDsign()"></i>
	</div>
		<canvasIndex></canvasIndex>
    </a-modal>
</template>

<script lang="ts">
	import { defineComponent,ref,createVNode,nextTick} from 'vue'
	import canvasIndex from './index.vue'
	export default defineComponent({
		components:{canvasIndex},
		setup(){
		    let testModal = ref(true)
			const init = ()=>{
				testModal.value = true
			}
			const cancelDsign = ()=>{
				testModal.value = false
			}
			return {
				testModal,
				init,
				cancelDsign,
			}
		}
	});
</script>

<style lang='less' scoped>
.box {
    border: 1px solid #f00;
}
</style>