Files
JoyD/AutoRobot/Windows/Robot/Web/src/views/Home.vue

44 lines
1.5 KiB
Vue
Raw Normal View History

<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>
</div>
</div>
</div>
</template>
<script setup>
import { RouterLink } from 'vue-router';
</script>
<style scoped>
/* 主页样式 */
</style>