更新样式

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;