18 lines
523 B
Vue
18 lines
523 B
Vue
<template>
|
|
<div class="home min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 p-6">
|
|
<h1 class="title text-3xl font-bold text-center text-gray-800 mb-8">思维导图演示</h1>
|
|
<div class="mind-map-container bg-white rounded-lg shadow-lg p-4 h-[80vh]">
|
|
<MindMap />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { onMounted } from 'vue';
|
|
// 使用正确的包名导入
|
|
import { MindMap } from '@mind-map/component';
|
|
|
|
onMounted(() => {
|
|
console.log('Home view mounted');
|
|
});
|
|
</script> |