40 lines
763 B
Vue
40 lines
763 B
Vue
<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>
|