From 49470096484f1e8683f7e68a59fe043d586e4b3c Mon Sep 17 00:00:00 2001
From: caijianhaoa <1784581164@qq.com>
Date: Thu, 25 Aug 2022 23:16:43 +0800
Subject: [PATCH] =?UTF-8?q?UV=E6=8B=BC=E9=94=99=E6=94=B9=E5=9B=9E=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/componets/HomePage/sixGraph.vue | 98 +++++++++++++++--------------
 1 file changed, 50 insertions(+), 48 deletions(-)

diff --git a/src/componets/HomePage/sixGraph.vue b/src/componets/HomePage/sixGraph.vue
index 7d731b2..4b70409 100644
--- a/src/componets/HomePage/sixGraph.vue
+++ b/src/componets/HomePage/sixGraph.vue
@@ -5,86 +5,88 @@
  * @LastEditTime: 2022-08-07 00:14:00
 -->
 <template>
-<div class="mainContainerSix">
-    <div class="first section"><img src="@/assets/homePage/left.png" alt="" class="firstImg">
-        <div class="words">
-            <p class="tl">今日访问流量(PV)</p>
-            <p class="cen">{{PV}}</p>
-        </div>
+  <div class="mainContainerSix">
+    <div class="first section">
+      <img src="@/assets/homePage/left.png" alt="" class="firstImg" />
+      <div class="words">
+        <p class="tl">今日访问流量(PV)</p>
+        <p class="cen">{{ PV }}</p>
+      </div>
     </div>
-    <div class="second section"><img src="@/assets/homePage/right.png" alt="" class="firstImg">
-        <div class="words">
-            <p class="tl">今日用户量(PV)</p>
-            <p class="cen">{{UV}}</p>
-        </div>
+    <div class="second section">
+      <img src="@/assets/homePage/right.png" alt="" class="firstImg" />
+      <div class="words">
+        <p class="tl">今日用户量(UV)</p>
+        <p class="cen">{{ UV }}</p>
+      </div>
     </div>
-</div>
+  </div>
 </template>
 
 <script>
 export default {
-    name: 'sixGraph',
-    data() {
-        return {
-            PV: 2034,
-            UV: 600
-        }
+  name: 'sixGraph',
+  data() {
+    return {
+      PV: 2034,
+      UV: 600,
     }
+  },
 }
 </script>
 
 <style scoped>
 .mainContainerSix {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
 .section {
-    width: 20px;
-    margin-top: 36px;
-    height: 20px;
-    background-color: #081F37;
+  width: 20px;
+  margin-top: 36px;
+  height: 20px;
+  background-color: #081f37;
 }
 
 .first {
-    margin-right: 46px;
-    height: calc((100vw / 7 * 2 - 99px) * 0.2);
-    width: calc((100vw / 7 * 2 - 99px) * 0.65);
-    display: flex;
-    align-items: center;
+  margin-right: 46px;
+  height: calc((100vw / 7 * 2 - 99px) * 0.2);
+  width: calc((100vw / 7 * 2 - 99px) * 0.65);
+  display: flex;
+  align-items: center;
 }
 
 .firstImg {
-    margin-left: 1.6vw;
+  margin-left: 1.6vw;
 }
 
 .second {
-    margin-left: 46px;
-    height: calc((100vw / 7 * 2 - 99px) * 0.2);
-    width: calc((100vw / 7 * 2 - 99px) * 0.65);
-    display: flex;
-    align-items: center;
+  margin-left: 46px;
+  height: calc((100vw / 7 * 2 - 99px) * 0.2);
+  width: calc((100vw / 7 * 2 - 99px) * 0.65);
+  display: flex;
+  align-items: center;
 }
 
 .tl {
-    font-size: 0.8vw;
-    margin: 0;
-    color: #90D7FC;
-    text-align: left;
+  font-size: 0.8vw;
+  margin: 0;
+  color: #90d7fc;
+  text-align: left;
 }
 
 .cen {
-    text-align: left;
-    color: #fff;
-    font-family: AlibabaMedium;
-    font-size: 1vw;
-    margin: 0;
+  text-align: left;
+  color: #fff;
+  font-family: AlibabaMedium;
+  font-size: 1vw;
+  margin: 0;
 }
 
 .words {
-    display: flex;
-    justify-content: left;
-    flex-direction: column;
-    margin-left: 1.6vw;
+  display: flex;
+  justify-content: left;
+  flex-direction: column;
+  margin-left: 1.6vw;
 }
 </style>
-- 
Gitee