样式

src/pages/modules/home/home.vue

@@ -13,9 +13,9 @@
           <span class="txt01">{{dataInfo.device_info}}</span>
           <div class="line"></div>
         </div>
-        <div class="infoli">
+        <div class="infoli01">
           <span class="title">当前任务</span>
-          <span class="txt">{{dataInfo.task_name}}</span>
+          <span class="txt01">{{dataInfo.task_name}}</span>
           <div class="line"></div>
         </div>
         <div class="infoli">
@@ -57,13 +57,22 @@ export default {
       interTime: this.$store.getters.setTime,
       timer: null,
       // dataInfo: {}
+      // dataInfo: {
+      //   device_info: 'NobleLiftPS10LMT_HuaHai',
+      //   task_name: '无',
+      //   task_status: '有任务未执行',
+      //   task_num: '待执行',
+      //   speed: '0.0m/s',
+      //   error_name: '障碍物告警',
+      //   button_name: '继续搬运'
+      // }
       dataInfo: {
         device_info: 'NobleLiftPS10LMT_HuaHai',
-        task_name: '无',
-        task_status: '有任务未执行',
-        task_num: '待执行',
+        task_name: '任务号：11287-目标点：18-一线起升电机',
+        task_status: '执行中',
+        task_num: '待执行0/2',
         speed: '0.0m/s',
-        error_name: '障碍物告警',
+        error_name: '正常运行',
         button_name: '继续搬运'
       }
     }
@@ -198,10 +207,11 @@ export default {
     float left
     display inline-block
     color #3CC1FF
-    margin-left 54px
+    margin-left 34px
     width 330px
     line-height 36px
     word-wrap break-word
+    font-size 30px
 .infoli
   width 542px
   line-height 94px
@@ -215,7 +225,8 @@ export default {
     float left
     display inline-block
     color #3CC1FF
-    margin-left 54px
+    margin-left 34px
+    font-size 30px
 .infoli3
   line-height 94px
   height 124px
@@ -227,7 +238,8 @@ export default {
     float left
     display inline-block
     color #3CC1FF
-    margin-left 54px
+    margin-left 34px
+    font-size 30px
 .speed-bg
   width 513px
   height 12px