From c06e8750ee2f516d796d05647d06f7f3ba2a9398 Mon Sep 17 00:00:00 2001
From: luyisha <luyisha@xingtongworld.com>
Date: Fri, 11 Aug 2023 19:35:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HomeView.vue | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1377202..9dae400 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -54,19 +54,19 @@
       <div class="cglist cgleft">
         <ul>
           <li>
-            <span>{{ circularData.groupName[0] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[0] }}</span>
             <span>{{ circularData.proportion[0] }}</span>
-            <span><img src="../assets/img/tyc_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/tyc_icon.png" /></span>
           </li>
           <li>
-            <span>{{ circularData.groupName[1] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[1] }}</span>
             <span>{{ circularData.proportion[1] }}</span>
-            <span><img src="../assets/img/tyg_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/tyg_icon.png" /></span>
           </li>
           <li>
-            <span>{{ circularData.groupName[2] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[2] }}</span>
             <span>{{ circularData.proportion[2] }}</span>
-            <span><img src="../assets/img/yyg_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/yyg_icon.png" /></span>
           </li>
         </ul>
       </div>
@@ -76,19 +76,19 @@
       <div class="cglist cgright">
         <ul>
           <li>
-            <span><img src="../assets/img/tsg_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/tsg_icon.png" /></span>
             <span>{{ circularData.proportion[3] }}</span>
-            <span>{{ circularData.groupName[3] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[3] }}</span>
           </li>
           <li>
-            <span><img src="../assets/img/whg_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/whg_icon.png" /></span>
             <span>{{ circularData.proportion[4] }}</span>
-            <span>{{ circularData.groupName[4] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[4] }}</span>
           </li>
           <li>
-            <span><img src="../assets/img/bwg_icon.png" /></span>
+            <span style="width: 0.68rem;"><img src="../assets/img/bwg_icon.png" /></span>
             <span>{{ circularData.proportion[5] }}</span>
-            <span>{{ circularData.groupName[5] }}</span>
+            <span style="width: 38%">{{ circularData.groupName[5] }}</span>
           </li>
         </ul>
       </div>
@@ -278,7 +278,7 @@ export default {
     //选择年月日中的某个
     selitem(type) {
       this.klselt = type;
-      this.btgetdata(type)
+      // this.btgetdata(type)
     },
     // 圆柱图
     showorders() {
@@ -1093,15 +1093,18 @@ export default {
   line-height: 0.66rem;
   font-size: 0.66rem;
   margin-top: 1rem;
+  display: flex;
+  justify-content: space-around;
 }
 
 .cgbox .cglist ul li span {
   display: block;
   float: left;
-  margin-left: 0.46rem;
+  width: 30%;
+  /* margin-left: 0.46rem; */
 }
 
-.cgbox .cgleft ul li:nth-child(3) span:nth-child(2) {
+/* .cgbox .cgleft ul li:nth-child(3) span:nth-child(2) {
   display: block;
   float: left;
   margin-left: 0.06rem;
@@ -1111,7 +1114,7 @@ export default {
   display: block;
   float: left;
   margin-left: 0.16rem;
-}
+} */
 
 .cgbox .cglist ul li span img {
   width: 0.68rem;