优化数据大盘

src/views/dataBigManage/components/efficiencyModule/index.vue

@@ -46,7 +46,7 @@
             )"
           >
             <span class="mark" style="border: 1px solid #3F9DFE;" />
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="textFont isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
           <div
             v-for="item in mainData.requirementData.subSecCountList"
@@ -58,7 +58,7 @@
               { ...mainData.requirementData, activeLabel: item.label }
             )"
           >
-            <span class="mark" style="border: 4px solid #666666;" />
+            <span class="marks" style="border: 2px solid #666666;" />
             <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="textFont isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
@@ -106,7 +106,7 @@
             )"
           >
             <span class="mark" style="border: 1px solid #7ED321;" />
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@
             )"
           >
             <span class="mark" style="border: 1px solid #F5222D;" />
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -223,7 +223,7 @@
             )"
           >
             <span class="mark" style="border: 1px solid #FAAD14;" />
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -270,7 +270,7 @@
             )"
           >
             <span class="mark" style="border: 1px solid #81D5AD;" />
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -356,7 +356,7 @@
               'checkDetialModal',
               { ...mainData.testDevPeopleScale, activeLabel: item.label }
             )" -->
-            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num noHover">{{ item.countStr }}&nbsp;&nbsp;</span></span>
+            <span class="title textFont">{{ item.label }}:&nbsp;&nbsp;</span><span class="value textFont"><span class="num noHover">{{ item.countStr }}&nbsp;&nbsp;</span></span>
           </div>
         </div>
         <!-- <div class="foot">
@@ -477,12 +477,20 @@ export default {
         flex: 1;
         .mark {
           display: inline-block;
-          width: 5px;
-          height: 5px;
+          width: 8px;
+          height: 8px;
           background: #ffffff;
           border-radius: 50%;
           margin-right: 5px;
         }
+        .marks {
+          display: inline-block;
+          width: 4px;
+          height: 4px;
+          background: #ffffff;
+          border-radius: 50%;
+          margin: 3px 5px;
+        }
         .item {
           font-size: 12px;
           color: #666;