From b8f73e33400e424a47c13f8eabc443715ec2d541 Mon Sep 17 00:00:00 2001
From: wf <2547096351@qq.com>
Date: Fri, 17 May 2024 13:05:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/home.vue | 63 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 59 insertions(+), 4 deletions(-)

diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index 502ee02..ccb3e73 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -1,12 +1,67 @@
 <template>
-  <div class="home">首页</div>
+  <div class="home">
+    <!-- 常用功能 -->
+    <div>
+      <div class="shortcut">
+        <div>常用功能</div>
+        <div>
+          <span><icon-unordered-list /></span>
+          <span>自定义</span>
+        </div>
+      </div>
+      <a-divider :margin="10" />
+      <div>
+        <div v-for="item in shortcut" :key="item.id">{{ item.name }}</div>
+      </div>
+    </div>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const shortcut = ref([
+  {
+    id: 1,
+    name: "数据查询",
+    icon: "home",
+    path: "/home"
+  },
+  {
+    id: 2,
+    name: "新增凭证",
+    icon: "dashboard",
+    path: "/home"
+  },
+  {
+    id: 3,
+    name: "余额查询",
+    icon: "component",
+    path: "/home"
+  },
+  {
+    id: 4,
+    name: "财务报表",
+    icon: "component",
+    path: "/home"
+  },
+  {
+    id: 5,
+    name: "更多",
+    icon: "form",
+    path: "/home"
+  }
+]);
+</script>
 
 <style lang="scss" scoped>
 .home {
-  height: 2000px;
-  border: 1px solid red;
+  height: 700px;
+  border-radius: $radius-box;
+  padding: $padding;
+  background: #fff;
+}
+.shortcut {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 </style>