50 lines
1.7 KiB
Vue
50 lines
1.7 KiB
Vue
<template>
|
||
<div class="container mx-auto p-8">
|
||
<div class="text-center py-16">
|
||
<h2 class="text-4xl font-bold text-gray-800 mb-6">欢迎使用 AutoRobot</h2>
|
||
<p class="text-xl text-gray-600 mb-10 max-w-2xl mx-auto">
|
||
这是一个用于自动化控制和监控的应用程序，请从上方导航栏选择您需要的功能。
|
||
</p>
|
||
<div class="flex flex-wrap justify-center gap-6">
|
||
<router-link
|
||
to="/ide"
|
||
class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||
>
|
||
打开IDE界面
|
||
</router-link>
|
||
<router-link
|
||
to="/home"
|
||
class="bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||
>
|
||
进入控制面板
|
||
</router-link>
|
||
<router-link
|
||
to="/framework-test"
|
||
class="bg-purple-600 hover:bg-purple-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||
>
|
||
框架测试
|
||
</router-link>
|
||
<router-link
|
||
to="/dock-panel-demo"
|
||
class="bg-orange-600 hover:bg-orange-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||
>
|
||
停靠面板演示
|
||
</router-link>
|
||
<router-link
|
||
to="/dock-layout-test"
|
||
class="bg-teal-600 hover:bg-teal-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||
>
|
||
停靠面板测试
|
||
</router-link>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { RouterLink } from 'vue-router';
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 主页样式 */
|
||
</style> |