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>