数据大盘样式修改

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

@@ -43,7 +43,7 @@
               { ...mainData.requirementData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -87,7 +87,7 @@
               { ...mainData.requirementPeopleData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -131,7 +131,7 @@
               { ...mainData.bugAvgRepairData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -198,7 +198,7 @@
               { ...mainData.taskData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -242,7 +242,7 @@
               { ...mainData.taskPeopleData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -295,7 +295,7 @@
               { ...mainData.bugAvgOneDataRepairData, activeLabel: item.label }
             )"
           >
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num isHove">{{ item.countStr }}</span>{{ item.unit }}</span>
           </div>
         </div>
       </div>
@@ -325,7 +325,7 @@
               'checkDetialModal',
               { ...mainData.testDevPeopleScale, activeLabel: item.label }
             )" -->
-            <span class="title">{{ item.label }}：</span><span class="value"><span class="num noHover">{{ item.countStr }}&nbsp;&nbsp;</span></span>
+            <span class="title">{{ item.label }}:&nbsp;&nbsp;</span><span class="value"><span class="num noHover">{{ item.countStr }}&nbsp;&nbsp;</span></span>
           </div>
         </div>
         <!-- <div class="foot">
@@ -437,8 +437,9 @@ export default {
         }
       }
       .foot {
+        display: flex;
         .item {
-          display: inline-block;
+          // display: inline-block;
           // margin: 0 5px;
           font-size: 12px;
           color: #666;
@@ -453,7 +454,7 @@ export default {
           &::after {
             content: '|';
             color: #DDDFE5;
-            margin: 0 7px 0 5px;
+            margin: 0 3px 0 3px;
           }
           &:last-child::after {
             content: '';