<template>
  <div class="detailNode-component">
    <img src="@/assets/images/icon/goback.png" alt="" class="goback" @click="handleGoback" />
    <div class="graph-container" id="container"></div>
  </div>
</template>

<script setup>
import { defineProps, defineEmits } from "vue"

const props = defineProps({
  detailNode: {
    type: Array,
    default: () => []
  }
})
const emit = defineEmits(["click:goback"])
const handleGoback = () => {
  emit("click:goback", "CommunityNode")
}
</script>

<style scoped lang="less">
.detailNode-component {
  width: 100%;
  height: 100%;
  position: relative;
  .goback {
    position: absolute;
    top: 10px;
    left: 20px;
    cursor: pointer;
  }
  .graph-container {
    width: 100%;
    height: 93%;
  }
}
</style>
