update items 样式

css/index.css

@@ -60,7 +60,7 @@ body {
   display: flex;
   flex-direction: column;
 }
-.view div {
+.view>div {
   flex: 1;
 }
 
@@ -78,6 +78,26 @@ body {
   align-items: center;
 }
 
+.item_alarm {
+  background: url('../imgs/Subtitle@2x.png');
+  background-size:100% 100%;
+}
+
+.item_title_alarm {
+  flex: 1;
+  color: #5BFCF4;
+  margin-left: 10px;
+}
+
+.item_subTitle {
+  flex: 1.2;
+  font-size: 14px;
+}
+
+.red {
+  color: red;
+}
+
 .item_wrap {
   height: calc(100% - 32px);
   line-height: 32px;

index.html

@@ -25,11 +25,31 @@
           </div>
           <div class="item_wrap" ></div>
         </div>
-        <div>2</div>
-        <div>3</div>
+
+        <div class="item">
+          <div class="item_header" >
+            <img class="item_img" src="./imgs/title@2x.png" alt="">
+            <span class="item_title" >文本标题</span>
+          </div>
+          <div class="item_wrap" ></div>
+        </div>
+
+        <div class="item">
+          <div class="item_header" >
+            <img class="item_img" src="./imgs/title@2x.png" alt="">
+            <span class="item_title" >文本标题</span>
+          </div>
+          <div class="item_wrap" ></div>
+        </div>
       </div>
       <div class="view view_right">
-        <div>1</div>
+        <div class="item">
+          <div class="item_header" >
+            <img class="item_img" src="./imgs/title@2x.png" alt="">
+            <span class="item_title" >文本标题</span>
+          </div>
+          <div class="item_wrap" ></div>
+        </div>
 
         <div class="item">
           <div class="item_header" >
@@ -39,7 +59,13 @@
           <div class="item_wrap" id="right2"></div>
         </div>
 
-        <div>3</div>
+        <div class="item">
+          <div class="item_header item_alarm" >
+            <div class="item_title_alarm" >报警信息</div>
+            <div class="item_subTitle" >当前报警数：<span class="red" >1</span></div>
+          </div>
+          <div class="item_wrap" ></div>
+        </div>
       </div>
     </div>
   </div>