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

---
 HomeProgress.vue | 55 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 HomeProgress.vue

diff --git a/HomeProgress.vue b/HomeProgress.vue
new file mode 100644
index 0000000..8b8577b
--- /dev/null
+++ b/HomeProgress.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="home-progress">
+    <div class="title">月访问量</div>
+    <div class="tip">同上期增长</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="20"
+      status="success"
+    ></el-progress>
+    <div class="title">月用户量</div>
+    <div class="tip">同上期增长</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="50"
+      status="success"
+    ></el-progress>
+    <div class="title">月收入</div>
+    <div class="tip">同上期减少</div>
+    <el-progress
+      class="progress"
+      :text-inside="true"
+      :stroke-width="24"
+      :percentage="28"
+      status="exception"
+    ></el-progress>
+  </div>
+</template>
+<script>
+export default {};
+</script>
+<style lang="scss">
+.home-progress {
+  background: #ffffff;
+  height: 400px;
+  padding: 20px;
+  .title {
+    color: #666666;
+    font-weight: bold;
+    font-size: 20px;
+    margin-top: 10px;
+  }
+  .tip {
+    color: #888888;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+  .progress {
+    margin-top: 10px;
+  }
+}
+</style>