修改样式

src/pages/SystemDaily/index.js

@@ -68,22 +68,38 @@ const SystemDaily = (props) => {
               <div className={styles.text}>
                 系统自检次数：
                 {renderItem(self_inspection_task, '条')}
-                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;正常次数：
-                {renderItem(self_inspection_normal_task, '条')}
-                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;异常次数：
-                {renderItem(self_inspection_abnormal_task, '条')}
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <br />
+                <div className={styles.textFlex}>
+                  <div className={styles.textItem}>
+                    正常次数：
+                    {renderItem(self_inspection_normal_task, '条')}
+                  </div>
+                  <div className={styles.textItem}>
+                    异常次数：
+                    {renderItem(self_inspection_abnormal_task, '条')}
+                  </div>
+                </div>
               </div>
-              <div className={styles.text}>
-                推送任务：
-                {renderItem(push_task, '条')}
-                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 任务完成率：
-                {renderItem(task_percent, '%')}
+              <div className={styles.textTwo}>
+                <div className={styles.textItem}>
+                  推送任务：
+                  {renderItem(push_task, '条')}
+                </div>
+                <div className={styles.textItem}>
+                  任务完成率：
+                  {renderItem(task_percent, '%')}
+                </div>
               </div>
-              <div className={styles.text}>
-                工单数量：
-                {renderItem(work_order_task, '条')}
-                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;工单完成率：
-                {renderItem(work_percent, '%')}
+              <div className={styles.textTwo}>
+                <div className={styles.textItem}>
+                  工单数量：
+                  {renderItem(work_order_task, '条')}
+                </div>{' '}
+                <div className={styles.textItem}>
+                  工单完成率：
+                  {renderItem(work_percent, '%')}
+                </div>
               </div>
               <div className={styles.text}>
                 工单完成人员第一名：

src/pages/SystemDaily/index.less

@@ -31,6 +31,10 @@
 }
 .content {
   padding: 0.6rem 0.3rem;
+  font-size: 0.32rem;
+  font-family: Source Han Sans, Source Han Sans;
+  font-weight: 500;
+  color: #9b9797;
   .item {
     display: flex;
     justify-content: space-between;
@@ -38,17 +42,24 @@
   }
   .text {
     padding: 0.3rem 0;
-    font-size: 0.32rem;
-    font-family: Source Han Sans, Source Han Sans;
-    font-weight: 500;
-    color: #9b9797;
     border-bottom: 1px solid #9b9797;
   }
   text:last-child {
     border-bottom: none;
   }
+  .textTwo {
+    .text;
+    display: flex;
+    // justify-content: space-between;
+  }
+  .textFlex {
+    display: flex;
+  }
+  .textItem {
+    width: 50%;
+  }
   .value {
-    font-size: 0.64rem;
+    font-size: 0.6rem;
     font-family: PangMenZhengDao-3, PangMenZhengDao-3;
     font-weight: 400;
     color: #3b3b3b;