工作中先保存下

package.json

@@ -94,4 +94,4 @@
       "ios"
     ]
   }
-}
\ No newline at end of file
+}

src/app/components/kanban/kanban.component.html

-<div class="kanban" style="border: #1e2023 1px solid">
-  <div class="title" >
-    <p style="align-items:center;justify-content: center;">
+<div class="kanban">
+  <div class="title" style="">
       风机
-    </p>
   </div>
-  <div class="sub">
-    <ion-icon name="ios-heart" style=""></ion-icon>
-    <span>321 个</span>
+  <div class="sub" style="text-align: left;margin-top: 5px;">
+    <div class="sub-left" style="">
+      <ion-icon name="ios-heart" style="padding: auto"></ion-icon>
+    </div>
+    <div class="sub-right" style="">
+      <span style="padding-bottom: 20px">32</span>
+    </div>
   </div>
-</div>
\ No newline at end of file
+</div>

src/app/components/kanban/kanban.component.scss

+.kanban{
+  // border: #1e2023 1px solid;
+  width:100%;
+  height: auto;
+  align-items:center;
+  justify-content:
+  center;text-align: center;
+  //background: url('../../../assets/bg/home_bar.png') no-repeat;
+  background-image: url('../../../assets/bg/home_bar.png');
+  background-size:100% 100%;-moz-background-size:100% 100%;
+}
+
+.title{
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding-top: 5px;
+  align-items:center;
+  justify-content: center;
+  color: #717171;
+  font-size: 14px;
+}
+
+.sub{
+  padding-bottom: 10px;
+}
+
+.sub-left{
+  font-size: 30px;
+  position:relative;
+  // border-right: #cccccc 1px solid;
+  display: inline;
+  padding-left: 20px;
+}
+
+.sub-right{
+  font-size: 30px;
+  position:relative;
+  display: inline;
+  width: 50%;
+  padding-left: 20px;
+  color: #285B90;
+}

src/app/envCtrl/env-home/env-home.page.html

-<ion-header>
+<ion-header style="background-color: #F3F4F4;">
   <div class="topIcon" (click)="toIndex()">
     <i class="vo v-back"></i>
   </div>
 </ion-header>
 
-<ion-content>
+<ion-content color='light'>
   <h1 style="
             font-size: 16px;
             padding-left: 5px;
             border-left: 5px solid #28c9bd;
             line-height: 25px;
             margin-bottom: 5px;">故障统计</h1>
-  <v-kanban></v-kanban><v-kanban></v-kanban><v-kanban></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
+  <v-kanban class="home-bar"></v-kanban>
   <h1 style="
             font-size: 16px;
             padding-left: 5px;

src/app/envCtrl/env-home/env-home.page.scss

+.home-bar{
+  display: inline-block;
+  margin-right: 3px;
+  width: 32%;
+}