1

src/views/home/components/center1.vue

@@ -16,22 +16,40 @@
         <div class="title pl-5 flex flex-align-center">梧桐项目云</div>
       </div>
       <div class="flex flex-center-between mt-3">
-        <div class="number bold pl-5 width25">{{ bizCount }}</div>
-        <div class="number bold pl-5 width25">{{ wt }}</div>
-        <div class="number bold pl-5 width25">{{ yunCount }}</div>
+        <div class="number bold pl-5 width25 flex">
+          {{ bizCount }}
+          <div class="flex flex-center unit">人</div>
+        </div>
+        <div class="number bold pl-5 width25 flex">
+          {{ wt }}
+          <div class="flex flex-center unit">人</div>
+        </div>
+        <div class="number bold pl-5 width25 flex">
+          {{ yunCount }}
+          <div class="flex flex-center unit">人</div>
+        </div>
       </div>
       <div class="flex flex-center-between mt-3 mb-5 mr-5">
         <div class="flex flex-content-start width25 ml-5">
           <div class="white mr-10 flex flex-center">日新增</div>
-          <div class="green bold font-10">{{ todayBiz }}</div>
+          <div class="green bold font-10 flex">
+            {{ todayBiz }}
+            <div class="flex flex-center unit-min">人</div>
+          </div>
         </div>
         <div class="flex flex-content-start width25 ml-5">
           <div class="white mr-10 flex flex-center">日新增</div>
-          <div class="green bold font-10">{{ todayWt }}</div>
+          <div class="green bold font-10 flex">
+            {{ todayWt }}
+            <div class="flex flex-center unit-min">人</div>
+          </div>
         </div>
         <div class="flex flex-content-start width25 ml-5">
           <div class="white mr-10 flex flex-center">日新增</div>
-          <div class="green bold font-10">{{ todayYun }}</div>
+          <div class="green bold font-10 flex">
+            {{ todayYun }}
+            <div class="flex flex-center unit-min">人</div>
+          </div>
         </div>
       </div>
     </div>
@@ -146,4 +164,14 @@ export default {
 .mt-3 {
   margin-top: 3px;
 }
+.unit {
+  color: white;
+  font-size: 18px;
+  margin-left: 2px;
+}
+.unit-min {
+  color: white;
+  font-size: 14px;
+  margin-left: 2px;
+}
 </style>

src/views/home/components/left2.vue

@@ -3,24 +3,36 @@
     <div class="layout flex flex-center">
       <img class="ico" src="@/assets/biz-img/ico2.png" />
       <div class="block ml-5">
-        <div class="number bold">
-          {{ data.articleCount ? data.articleCount : 0 }}
+        <div class="flex">
+          <div class="number bold">
+            {{ data.articleCount ? data.articleCount : 0 }}
+          </div>
+          <div class="font-10 flex flex-center unit">篇</div>
         </div>
+
         <img class="ico-name" src="@/assets/biz-img/ljzcs.png" />
       </div>
     </div>
     <div class="layout flex flex-center">
       <img class="ico" src="@/assets/biz-img/ico3.png" />
       <div class="block ml-5">
-        <div class="number bold">{{ data.debtCount ? data.debtCount : 0 }}</div>
+        <div class="flex">
+          <div class="number bold">
+            {{ data.debtCount ? data.debtCount : 0 }}
+          </div>
+          <div class="font-10 flex flex-center unit">个</div>
+        </div>
         <img class="ico-name" src="@/assets/biz-img/lizzsl.png" />
       </div>
     </div>
     <div class="layout flex flex-center" style="margin-top: -10px">
       <img class="ico" src="@/assets/biz-img/ico4.png" />
       <div class="block ml-5">
-        <div class="number1 bold">
-          {{ libraryCount }}
+        <div class="flex">
+          <div class="number1 bold">
+            {{ libraryCount }}
+          </div>
+          <div class="font-10 flex flex-center unit">篇</div>
         </div>
         <div style="width: 80px; margin-top: 10px">
           <img class="ico-name1" src="@/assets/biz-img/xzzcsl.png" />
@@ -30,8 +42,11 @@
     <div class="layout flex flex-center" style="margin-top: -10px">
       <img class="ico" src="@/assets/biz-img/ico5.png" />
       <div class="block ml-5">
-        <div class="number1 bold">
-          {{ data.todayDebtCount ? data.todayDebtCount : 0 }}
+        <div class="flex">
+          <div class="number1 bold">
+            {{ data.todayDebtCount ? data.todayDebtCount : 0 }}
+          </div>
+          <div class="font-10 flex flex-center unit">个</div>
         </div>
         <div style="width: 80px; margin-top: 10px">
           <img class="ico-name1" src="@/assets/biz-img/xzzzsl.png" />
@@ -107,13 +122,16 @@ export default {
   height: 35px;
 }
 .number {
-  width: 115px;
   font-size: 26px;
   color: #f3a845;
 }
 .number1 {
-  width: 115px;
   font-size: 26px;
   color: #07efdb;
 }
+.unit {
+  font-weight: bold;
+  color: #3caaff;
+  margin-left: 5px;
+}
 </style>

src/views/home/components/left3.vue

@@ -9,8 +9,14 @@
           <div class="mr-5">今日新增</div>
         </div>
         <div class="mt-5 flex flex-center-between">
-          <div class="ml-5 bold number">{{ data.projectCount }}</div>
-          <div class="mr-5 bold xz-number">{{ data.todayAddProjectCount }}</div>
+          <div class="ml-5 bold number flex">
+            {{ data.projectCount }}
+            <div class="flex flex-center unit">个</div>
+          </div>
+          <div class="mr-5 bold xz-number flex">
+            {{ data.todayAddProjectCount }}
+            <div class="flex flex-center unit">个</div>
+          </div>
         </div>
       </div>
     </div>
@@ -23,8 +29,14 @@
           <div class="mr-5">今日完成</div>
         </div>
         <div class="mt-5 flex flex-center-between">
-          <div class="ml-5 bold number">{{ data.taskCount }}</div>
-          <div class="mr-5 bold xz-number">{{ data.todayAddTaskCount }}</div>
+          <div class="ml-5 bold number flex">
+            {{ data.taskCount }}
+            <div class="flex flex-center unit">个</div>
+          </div>
+          <div class="mr-5 bold xz-number flex">
+            {{ data.todayAddTaskCount }}
+            <div class="flex flex-center unit">个</div>
+          </div>
         </div>
       </div>
     </div>
@@ -99,4 +111,9 @@ export default {
   font-size: 26px;
   color: #05f1dd;
 }
+.unit {
+  color: #3caaff;
+  font-size: 20px;
+  margin-left: 5px;
+}
 </style>