48 lines
1.0 KiB
Vue
48 lines
1.0 KiB
Vue
|
<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>
|