From 6fbde35857945ae01e076a2cda94387f4e02d4e8 Mon Sep 17 00:00:00 2001
From: fdzcxy212211211 <2080007122@qq.com>
Date: Wed, 25 Dec 2024 23:51:52 +0800
Subject: [PATCH] ADD file via upload

---
 HomeCard.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 HomeCard.vue

diff --git a/HomeCard.vue b/HomeCard.vue
new file mode 100644
index 0000000..043d96a
--- /dev/null
+++ b/HomeCard.vue
@@ -0,0 +1,60 @@
+<template>
+  <el-card class="box-card">
+    <div slot="header" class="header">
+      <span>{{title}}</span>
+      <span>
+        <el-tag size="small" :type="titleTag">{{titleUnit}}</el-tag>
+      </span>
+    </div>
+    <div class="content">
+      {{content}}&nbsp;&nbsp;
+      <span class="unit">{{contentUnit}}</span>
+    </div>
+    <div class="bottom">
+      <span>{{bottomTitle}}</span>
+      <span>
+        {{bottomContent}}
+        <i :class="bottomIcon"></i>
+      </span>
+    </div>
+  </el-card>
+</template>
+<script>
+export default {
+  props: [
+    "title",
+    "titleTag",
+    "titleUnit",
+    "content",
+    "contentUnit",
+    "bottomTitle",
+    "bottomContent",
+    "bottomIcon"
+  ]
+};
+</script>
+<style lang="scss" scoped>
+.box-card {
+  margin-right: 10px;
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .content {
+    font-size: 30px;
+    font-weight: bold;
+    color: #666;
+    text-align: center;
+    .unit {
+      font-size: 16px;
+    }
+  }
+  .bottom {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+  }
+}
+</style>