From 2073c3d3dcf7119d595f46377451aa799dc9f0c1 Mon Sep 17 00:00:00 2001
From: zch <zangch@mesnac.com>
Date: Wed, 13 Nov 2024 15:27:41 +0800
Subject: [PATCH] =?UTF-8?q?add(ruoyi-ui):=20=E6=B7=BB=E5=8A=A0=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增了首页组件，包括头部、系统介绍、主要特点和开始使用按钮
- 实现了响应式布局和基本样式
- 添加了跳转到基础信息页面的功能
---
 ruoyi-ui/src/views/index.vue | 85 ++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)

diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue
index e69de29..0234cc7 100644
--- a/ruoyi-ui/src/views/index.vue
+++ b/ruoyi-ui/src/views/index.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="home">
+    <header class="home-header">
+      <h1>欢迎来到赛轮智慧热电管理系统</h1>
+    </header>
+    <main class="home-content">
+      <section class="welcome-section">
+        <h2>系统介绍</h2>
+        <p>这是一个赛轮智慧热电管理系统，提供了丰富的功能和优雅的界面。</p>
+
+      </section>
+      <section class="features-section">
+        <h2>主要特点</h2>
+        <ul>
+          <li>响应式设计</li>
+          <li>模块化开发</li>
+          <li>高性能</li>
+          <li>易扩展</li>
+        </ul>
+      </section>
+      <section class="action-section">
+        <button class="action-button" @click="handleStartUsing">开始使用</button>
+      </section>
+    </main>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Home',
+  data() {
+    return {
+      // 可以在这里添加一些数据属性
+    };
+  },
+  methods: {
+    handleStartUsing() {
+      this.$router.push('/base/baseCabinetInfo');
+    }
+  }
+};
+</script>
+
+<style scoped>
+.home {
+  font-family: Arial, sans-serif;
+  text-align: center;
+  padding: 20px;
+}
+
+.home-header {
+  background-color: #42b983;
+  color: white;
+  padding: 20px;
+  border-radius: 5px;
+}
+
+.home-content {
+  margin-top: 20px;
+}
+
+.welcome-section, .features-section, .action-section {
+  margin-bottom: 20px;
+}
+
+.logo-image {
+  max-width: 100%;
+  height: auto;
+  margin-top: 20px;
+}
+
+.action-button {
+  background-color: #42b983;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.action-button:hover {
+  background-color: #38a169;
+}
+</style>