优化

static/scss/global.scss

@@ -88,7 +88,15 @@
       }
     }
   }
-
+.status-bar{
+	background: #fff;
+	width: 100%;
+	height: var(--status-bar-height);
+	position: fixed;
+	top:0;
+	left: 0;
+	z-index:99;
+}
 
 
 // 暂无数据通用样式
@@ -97,7 +105,7 @@
 	text-align: center;
 	line-height: 100px;
 	height: 100px;
-	font-size: 18px;
+	font-size: 30rpx;
 }
 // 九宫格
 .grid-item-box {
@@ -126,6 +134,12 @@
 	}
 
 }
+.flex-container{
+	display: flex;
+	.flex-lists{
+		flex:1;
+	}
+}
 // 设备详情页面 状态公共样式
 .common-collapse-item{
 	.content{
@@ -145,9 +159,10 @@
 				display: inline-block;
 				vertical-align: middle;
 				color:#fff;
-				padding:4rpx 10rpx;
+				padding:0 10rpx;
 				margin-right: 10rpx;
 				font-size: 22rpx;
+				line-height: 38rpx;
 				border-radius: 10rpx;
 			}
 			.name{
@@ -158,11 +173,6 @@
 	}
 	// 设备状态卡片
 	.status-card-group{
-		&.no-wrapper-padding{
-			.uni-group__content{
-				padding:0;
-			}
-		}
 		.uni-group__content{
 			padding-top:0;
 			padding-bottom:0;
@@ -212,9 +222,11 @@
 		.child-table{
 			.uni-table-th{
 				color:#333;
+				font-size: 26rpx;
 			}
 			.uni-table-td{
 				color:#000;
+				font-size: 26rpx;
 			}
 			.table--border{
 				border-color:#ebedf0;
@@ -258,7 +270,7 @@
 		}
 	}
 	.content{
-		    background: linear-gradient(to bottom, #22bb5873, #45db7a26);
+		   background-color:rgba(69,219,122,0.15);
 	}
 	// 状态九宫格
 	.status-card-group{
@@ -290,7 +302,7 @@
 		}
 	}
 	.content{
-		    background: linear-gradient(to bottom, #f5604e73, #f5604e26);
+		    background: rgba(245,96,78,0.15);
 	}
 	// 状态九宫格
 	.status-card-group{
@@ -322,7 +334,7 @@
 		}
 	}
 	.content{
-		    background: linear-gradient(to bottom, #8c8c8c73, #8c8c8c26);
+		    background: rgba(140,140,140,0.15);
 	}
 	// 状态九宫格
 	.status-card-group{